在滚动子div中显示js延迟加载图像

时间:2014-10-29 10:23:06

标签: javascript jquery lazy-loading

有没有办法在unveil js的子div中延迟加载图像?

我做了一个小提琴here

我的HTML:

<div id="parentContainer">
    <div id="imgContainer"></div>
</div>

和我的JS:

for(var i=0;i<500;i++){
    $('#imgContainer').append('<div id="'+i+'" class="item"><img src="http://placehold.it/50x50" data-src="http://placehold.it/300x300"></div>');    
}

$('img').unveil();

如果图像显示在#parentContainer中,一切正常并且工作正常。但是当图像显示在#imgContainer中时(带溢出:滚动) 只会加载一些,然后src属性不再被替换。

有一种简单的方法可以解决这个问题吗?

0 个答案:

没有答案