#  Foka how to mouseonover oraz JAK

 Autor: Marcin Równicki

 Publikacja: 13.09.2010 | 12:49

 [Kategoria: Rozszerzenia](https://joomlaguru.pl/index.php?option=com_content&view=category&id=10)

---

Galeria pod stronę internetowa opartą na joomla jaką jest Phoca Gallery w tłumaczeniu foka :)

Foka to dość potężne narzędzie z możliwością uploadu / downloadu prezentuje fotografie w kilku stylach modalbox poprzez JS skończywszy na JAK'u ale nie o tym chce napisać podczas konfigurowania napotkałem pewien problem mianowicie podczas wchodzenia do kategorii ładował się obraz pierwszy z funkcja na miniaturach mouseonover. Fajna funkcjonalność jeśli działa to na wszystkich dostępnych przeglądarkach a tak nie jest niestety.

 ![12p](https://joomlaguru.pl/images/stories/joomla/12p.jpg)

Galeria w moim przypadku ma spełniać funkcje portfolio wiec taki bajer zupełnie nie jest mi potrzebny, jednak aby go wyłączyć to nie lada sztuka...

Wchodzimy do Komponentów i odnajdujemy Preferencje a na nich "***Ustawienia przełącznika obrazów -> Podmiana obrazów Opis brzmi tak: Włącz lub wyłącz sposób podmiany obrazów***" ustawiamy **NIE** i po kłopocie wyłączyliśmy uciążliwą opcje.

Fajną opcją do portfolio jest opcja wyświetlania JAK ale brak możliwości zmiany rozmiaru w preferencjach trochę mi przeszkadza..

Więc oczywiście trzeba to zmienić w dobie dużych monitorów małe okienka nie są na czasie ;) Szerokość 1024px jest optymalna i praktycznie standardem

CSS który odpowiada za zmianę wyglądu w JAKu znajduje się w ***/components/com\_phocagallery/assets/js/jak/lightbox-horizontal.css***

Do zmiany szerokości i innych opcji dotyczących wyglądu zmieniamy:

```
.lightBox                                     {background-color: black; width: 800px; height: 547px; padding-top:10px; padding-left: 10px; padding-right: 10px;} //Rozmiar okna otwierającego się

.lightBox .image-browser-image                {width: 800px; height: 450px; border: 1px solid #333; overflow: hidden; padding: 0px; float: left; position: relative;} // Rozmiar wewnętrznego okna

.lightBox .image-browser-close                { position: absolute; top: 20px; left: 760px; display: block; width: 42px; height: 36px; cursor: pointer; background: url(img/lb-close-active.png); // Przycisk zamykania do przesunięcia
```

W zasadzie to tyle i możemy się cieszyć większym oknem :)

W załączniku css dla leniwych.

Aktualizacja: 09.06.2026 | 13:03

 Zapisz się do newslettera

 ---

##  Powiązane

 [ ![Joomla 6.1.2 - wydanie bezpieczeństwa i poprawek - opis zmian](https://joomlaguru.pl/images/joomla_6/Joomla-6-1-2-opis-zmian.webp)

###  Joomla 6.1.2 - wydanie bezpieczeństwa i poprawek - opis zmian

Więcej

 ](https://joomlaguru.pl/index.php?option=com_content&view=article&id=649:joomla-6-1-2-wydanie-bezpieczenstwa-i-poprawek-opis-zmian&catid=9)

 [ ![Anatomia ataku web shell](https://joomlaguru.pl/images/joomla_6/webshell-anatomia-ataka-skutki.webp)

###  Popularny edytor JCE w Joomla zaatakowany. Sprawdź, czy Twoja strona nie ma webshella

Więcej

 ](https://joomlaguru.pl/index.php?option=com_content&view=article&id=648:pilna-aktualizacja-jce-joomla-cve-2026-48907-falszywe-profile-webshell&catid=9)

 [###  Composer Joomla

Więcej

 ](https://joomlaguru.pl/index.php?option=com_content&view=article&id=489:composer-joomla&catid=18)