隐藏图像,直到它们被加载

Question

我得到了一个jQuery脚本,它在某个时间间隔将数据附加到"holder".数据如下所示:

<div class="item-box etc etc"> <img src="data.png"> </div>

我一次加载50张图片,我的目标是在fadeIn加载每张图片时制作它们.

我尝试过以下方法:

parentDiv.on("load", "img", function() {
    $(this).parent().fadeIn(500);
});

小提琴:http://jsfiddle.net/3ESUm/2/

但似乎该on方法没有load或ready方法.我没有想法了.

Answer 1

只需在添加图像时设置onload属性即可.

var img = new Image();
img.src = "some url"
img.onload=function(){$(img).fadeIn(500);}
document.getElementByID('parent').appendChild(img);

看这里的工作示例