想限制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();