懶惰加載和卸載圖像

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 
});