Wczytywanie się obrazków dopiero podczas przewijania strony

[1q2w3e4r]

Witam,

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

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

Pozdrawiam

[adpawl]

wyszukiwarka google >> lazy load

[1q2w3e4r]

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]

To coś słabo szukasz:

Introducing MooTools LazyLoad

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

...

[1q2w3e4r]

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