Wczytywanie się obrazków dopiero podczas przewijania strony


(1q2w3e4r) #1

Witam,

Jak zrobić aby obrazki wczytywały się dopiero podczas przewijania strony?

Na allegro w liście przedmiotów maja taki efekt.

Pozdrawiam


(adpawl) #2

wyszukiwarka google >> lazy load


(1q2w3e4r) #3

Dzięki.

Cały czas znajduję przykłady typu:

[/code]

Gdzie główny src="" jest to obrazek ładowania, a data-src to obrazek właściwy. A co jesli ktoś ma wyłączona obsługę JS lub np. by tego nie obsługiwało ? Wyświetlą mu się same loadery..

Czy jest możliwość aby ten efekt zrobić na oryginalnym src="" ?


(adpawl) #4

To coś słabo szukasz:

http://www.bram.us/projects/js_bramus/lazierload/

...


(1q2w3e4r) #5

W tych przykładach obrazki ładują się wszystkie od razu bez przewijania strony widać tylko sam efekt ładowania (loader).

Czy jest możliwość aby JS zatrzymał ładowanie tych obrazków? Chodzi o to żeby strona załadowała się od razu oraz o to aby nie zużywała niepotrzebnie transferu jeśli user nie przewija strony tylko chodzi po zakładkach.

Wejdź tutaj:

http://davidwalsh.name/dw-content/lazyload3.php

Poczekaj kilka sekund, a następnie szybko przewiń na koniec strony. Wszystkie obrazki będą już załadowane