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

Question

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

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

Я видел много инструментов 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
});