Question

JS判断图片加载完成

在一个循环里有下面这句

boxes.push('<div class="imageshow"><img src='+arr[shownum++].url+' alt="" /></div>');
最后的图片地址为arr[shownum].url
如何判定所以图片加载完成
我要所有图片加载完成后做某些
比如在所有图片加载完成后执行alert('完成加载');

Answer 1

要把图片当成是图片对象才行~
var a=new Image(); //这个是原生的JS实例化
a.src=arr[shownum++].url;

然后Image对象有一个属性“onload”,这个就是加载完成，当加载完成之后你可以执行一个函数比如
a.onload=function(){
alert("完成加载");

}
这样当你的图片加载完成后就执行下面的函数了~

Answer 2

boxes.push(); 之后一般会有一个 $('.div').append(boxes); 你放在这后面就行了