Obrazy LazyLoada nie pojawiają się po przewinięciu

Question

Używam wtyczki lazyload dla jQuery.

Działa dobrze, z wyjątkiem jednego problemu: obrazy src nie są wymieniane na oryginalny plik danych, dopóki nie przewiniesz. Po przewinięciu, nawet odrobinie, obrazy ładują się - ale muszę je załadować w prawo, gdy strona jest gotowa.

Uwaga: jest to wyłącznie kwestia Chrome/Safari. Nie mam tego problemu w Firefoksie lub Operze, a nawet IE9.

Próbowałem zgodnie z sugestią tego postu: http://sumanrs.wordpress.com/2011/02/08/jquery-lazy-loading-images-no-scrolling/ który stanowi, że podstawowa biblioteka jQuery ma możliwości leniwe załadunku bez wtyczki potrzebne. Wydawało się, że tak nie jest, ponieważ obrazy zostały załadowane po wczytaniu pierwszej strony.

Wszelkie spostrzeżenia są mile widziane!

Answer 1

rozwiązać własne problemy: trzeba ustawić wysokość i szerokość na obrazie!

Answer 2

Można naśladować/wywołać zdarzenie przewijania, aby wywołać efekt na pageload: http://api.jquery.com/scroll/

Answer 3

Twoje obrazy najprawdopodobniej nie mają ustawionej szerokości i wysokości. Przeglądarki Webkit będą wyświetlać obrazy na dokumentach już o zerowej szerokości i wysokości. Oznacza to, że jQuery uzna obrazy za niewidoczne. Lazy Load domyślnie ignoruje niewidoczne obrazy. Masz trzy opcje.

1. Napraw HTML, aby mieć atrybuty szerokości i wysokości na obrazach.
2. Ustaw skip_invisible na false.
3. Użyj atleast version 1.8.3 wtyczki.

Answer 4

$(window).resize(); 

pomógł mi w moim przypadku.

Answer 5

Spróbuj tego:

$('img.lazy').lazyload(); 
$(window).scroll(); 

Answer 6

miałem podobny problem. Opcja próg rozwiązać go dla mnie:

$("img.lazy").lazyload({ 
    threshold : 400 
}); 

Answer 7

Dla mnie problemem było to, zadzwoniłam $('img.lazy').lazyload() w ready

Set wewnątrz load zamiast.

Answer 8

Użyłem leniwego ładowania wtyczki jquery, ale ładowanie powoduje problem. (tj.) jest bardziej płynny w przeglądarce Crome. Ale niestety nie działa poprawnie w lisie ognistym lisiu. Otrzymuję to powiadomienie od mozilla fire fox (skrypt na tej stronie może być zajęty lub mógł przestać odpowiadać.) Możesz teraz zatrzymać skrypt, otworzyć skrypt w debugerze lub pozwolić skryptowi kontynuować.). Po prostu odpowiedz lepiej, aby uniknąć tego błędu.

Answer 9

Miałem ten sam problem.

rozwiązał ten sposób:

Wystarczy zastąpić „leniwe” klasę z pierwszych obrazów na stronie.

;-)