Lazy laden und entladen von Bildern

Question

Ich habe eine HTML-Datei mit vielen Tags.

Ich möchte Bilder auf Scroll-Ereignis laden und entladen Sie die Bilder, die nicht sichtbar sind. Wie im Aamzaon-Viewer wird beim Scrollen nach oben/unten das aktuelle Bild im Bild lazy geladen.

Ich habe eine Menge LazyLoad-Tools gesehen, aber keiner von ihnen hat eine Entladefunktion.

Answer 1

verwenden Plugins jquery: https://github.com/morr/jquery.appear Und Ereignis verwenden: erscheinen Bilder anzuzeigen und Bilder zu verschwinden entladen:

$('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 
});