Ewa Szymańska

Ewa Szymańska grafik komputerowy

Temat: problem z galerią na stronie responsywnej

hej, zrobiłam stronę na szablonie + rzecz jasna modyfikacje i przy rozbudowie galerii zauważyłam, że przy pierwszym wejściu wyświetla się w dziwny sposób. Galeria ma filtrowanie na 3 podgrupy - na wejściu wyświetla się katalog WSZYSTKIE, i najdziwniejsze jest to, że gdy kliknę którąś podgrupę i ponownie wejdę na WSZYSTKEI wtedy wszystko jest ok.

Kombinowałamdługo ale nie umiem wpaść dlaczego tak się dzieje :/ strona wisi na tymczasowym serwerze: http://webdesignpro.eu/oklejamysamochody/gallery.html

Czy ktoś ma jakiś pomysł?...
Eliza W.

Eliza W. wayvo.pl

Temat: problem z galerią na stronie responsywnej

Problemem jest to, że isotope (czyli ten Js co przetasowuje obrazki przy zmianie okna) jest uruchamiany na
jQuery(document).ready(function()
czyli gdy obrazki jeszcze są nie załadowane. Powoduje to, że wyliczenia pozycji każdego elementu są błędne (on przelicza to na absolutną pozycje).

Rozwiązaniem byłoby przeniesienie tego do
jQuery(window).load(function() {
gdy mamy pewność że wszystkie elementy są już załadowane.

Gdy wchodzisz po raz drugi obrazki są już załadowane więc ich rozmiary są już znane i ponowne wyliczenie tych pozycji jest już prawidłowe.

Teoretycznie gdyby obrazki miały określony rozmiar od razu (np w CSS) to te pozycje powinien sobie dobrze wyliczyć na starcie, ale przy responsywnym szablonie takich rzeczy się nie ustawia, bo na tym polega właśnie responsywność ;o).
Ewa Szymańska

Ewa Szymańska grafik komputerowy

Temat: problem z galerią na stronie responsywnej

No właśnie z tą responsywnością same problemy :) Dziękuję Ci bardzo za odpowiedź i pomoc.



Wyślij zaproszenie do