Foka how to mouseonover oraz JAK

JoomlaToProste - Najnowszy EP

Foka how to mouseonover oraz JAK

poniedziałek, 13 wrzesień 2010 12:49 Napisał 

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

 

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.

Czytany 4682 razy Ostatnio zmieniany środa, 12 kwiecień 2017 12:32
Marcin Równicki (MJ MARTINO)

Joomla zajmuję się od dłuższego czasu dla uściślenia od czasów MAMBO (2007) i nie straszne mi jej nowe wersje. Wdrażam, optymalizuje, przyspieszam i zabezpieczam strony. Traktuje to jako dodatkową pracę w wolnych chwilach.

Dobre kino oraz seriale chętnie oglądam, dziele się recenzjami na https://cobejrzec.pl  

Public Cloud w wolnych chwilach pochłaniam. Wiąże z tym swoją przyszłość zawodową (Amazon Web Services, Azure, Google Cloud Computing, plus wiele innych mniejszych graczy)

"Jeśli coś jest niemożliwe do zrobienia, musi się znaleźć ktoś kto tego nie wie, przyjdzie i to zrobi."

Strona: https://mjmartino.eu/
Więcej w tej kategorii: J! Update Komponent »
Marcin Równicki
Marcin Równicki
Joomla, Bieganie, Cloud, Fotografia, Muzykę House, Kinomaniak, Technologie Przyszłości, Automatyzacje, Bloger,

 

Szukaj