Lazy загрузка и выгрузка изображений

Question

У меня есть html-файл со многими тегами.

Я хочу загрузить изображения на событие прокрутки и выгрузить изображения, которые не видны. как в Aamzaon viewer, когда вы прокручиваете вверх/вниз, текущее изображение в кадре лениво загружается.

Я видел много инструментов LazyLoad, но ни один из них не имеет разгрузочной функциональности.

Answer 1

Используйте этот плагин JQuery: https://github.com/morr/jquery.appear И использовать событие: появляется для отображения изображений и исчезают выгрузить изображения:

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