Witam,
Jak zrobić aby obrazki wczytywały się dopiero podczas przewijania strony?
Na allegro w liście przedmiotów maja taki efekt.
Pozdrawiam
wyszukiwarka google >> lazy load
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="" ?
To coś słabo szukasz:
http://davidwalsh.name/mootools-lazyload
http://www.bram.us/projects/js_bramus/lazierload/
…
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