想限制jQuery.lazyload（）到一個特定的DIV的圖像

Question

我們知道延遲加載插件使我們能夠下載圖像在頁面的可見區域外，並且當用戶向下滾動並且圖像佔位符變得可見然後懶惰加載插件按需下載圖片。

問題是懶加載插件工作的所有圖像，但我希望它能爲那些在特定格的圖像工作。假設我的div位於頁面底部，並且div有很多圖像，但div不會有任何滾動條。我想當用戶向下滾動到接近特定的div和div來到頁面的可見區域時，那個div視圖中的圖像將開始下載並可見。

我怎麼能通過懶加載插件實現它，它將下載圖像只爲特定的div沒有滾動條。

讓我知道謝謝。

Answer 1

說你的HTML是：

<div id="gallery"> 
    <img src="blah.jpg" /> 
    <img src="blah2.jpg" /> 
    <img src="blah3.jpg" /> 
    ... 
</div> 

你只需做到這一點：

$("#gallery img").lazyload();