如何判断图片加载完成？

Question

我现在的应用里需要一次加载很多图片，在本机上测试需要3秒左右，我需要在页面上显示“图片加载中”的字样，等全部加载完了再做其他的事情。有没有办法？

Answer 1

var   imgID   =   new   Image();   
  imgID.src   =   "ssss.gif";   
  imgID.onreadystatechange=functioin(){   
  if   (this.readyState=="complete")   {   
  //to   do   
  }   
  }   
  

Answer 2

    
  <script>   
  var   imgID   =   new   Image();   
  imgID.src   =   "http://image2.zol.com.cn/bbs/book/b_153/1314153.jpg";   
  imgID.onload   =   function(){   
  document.getElementById("jia").innerHTML   =   "<img   src="+imgID.src+"   >";   
  }   
  </script>   
  <div   id="jia">Loading...</div>

Answer 3

忘记说了，我的代码大致是这样的
for(...){
    var x=document.getElementById
    x.innerHTML+="<div style='background-image:...'>";
}大约几十个backgroundimage;这种写法有没有办法判断？

Answer 4

for(...){
var x=document.getElementByIdvar imgID[i] = new Image(); 
imgID[i].src = ...;
imgID[i].onload = function(){ 
document.getElementById("jia").innerHTML = "<img src="+imgID.src+" >"; 
}
}