Właściwie próbuję zbudować galerię zdjęćz izotopem jquery. Nie wiem dlaczego, ale czasami galeria działa idealnie, a czasem ma jakiś problem z ładowaniem, jak widać na moim zrzucie ekranu.
Źródło: www.sarahraaber.com
Dodałem już licznik czasu ładowania strony i funkcję ładowania dokumentu do nagłówka mojego pliku .js. : - / Jakieś pomysły, jak to obejść?
Odpowiedzi:
1 dla odpowiedzi № 1Widziałem to wcześniej, gdy używałem izotopuzwykle problem z synchronizacją JS. Czy możesz dodać setTimeout () z długim zegarem, powiedzmy 2000, w ramach funkcji inicjalizacji lub wywołania zwrotnego, a następnie przetestować, czy nadal się to zdarza? To powinno pomóc potwierdzić.
Zauważyłem również w Twojej witrynie, że zmiana rozmiaru przeglądarki rozwiązuje problemy z układem. Spróbuj wywołać funkcję aktualizacji izotopu po załadowaniu wszystkich elementów, aby poprawnie zaktualizować układ.
0 dla odpowiedzi nr 2
Nigdy nie korzystałem z izotopu jquery, ale wygląda na to, że działa tak samo jak kamieniarstwo jquery (http://masonry.desandro.com/). Kamieniarstwo ma wtyczkę widoków drupala:http://drupal.org/project/masonry . Możesz mieć więcej szczęścia z modułem murarskim.
0 dla odpowiedzi № 3
może trochę późno, ale w moim przypadku było o wiele prostsze rozwiązanie:
moje elementy izotopowe nie miały stałej wysokości, dlatego skrypt javascript został wykonany przed załadowaniem wszystkich obrazów, przez co elementy nie miały właściwej wysokości!
po dodaniu:
.isotope-item{
height:300px;
}
kod był w stanie obliczyć pozycje przedmiotów, nawet przed załadowaniem zdjęć!