Lazy load and unload of images

Question

Mam plik html z wieloma tagami.

Chcę załadować obrazy na zdarzenia przewijania i zwolnić obrazy, które nie są widoczne. Podobnie jak w przeglądarce Aamzaon, podczas przewijania w górę/w dół bieżący obraz w ramce jest leniwy.

Widziałem wiele narzędzi LazyLoad, ale żadna z nich nie wyłączyła funkcji.

Answer 1

Użyj tej wtyczki jQuery: https://github.com/morr/jquery.appear I użyć zdarzenia: wydaje się, aby wyświetlać obrazy i znikają, aby rozładować obrazów:

$('someselector').on('appear', function(event, $all_appeared_elements) { 
    // this element is now inside browser viewport 
}); 
$('someselector').on('disappear', function(event, $all_disappeared_elements) { 
    // this element is now outside browser viewport 
});