jq检测 图片是否加载完毕 js检测图片是否加载完毕

jQuery用于快捷的便利所有 img 标签。

img标签对象，有一个属性，叫做：readyState，取值如下：
uninitialized:  Object is not initialized with data. 
loading:  Object is loading its data. 
loaded:  Object has finished loading its data. 
interactive:  User can interact with the object even though it is not fully loaded. 
complete:  Object is completely initialized. 

检测主要靠这个，类似于：

counter = 0;
$("img").each(function(){
  if (this.readyState==loaded || this.readyState==complete) counter++;
});
if (counter >= 10) alert("所有图片装载完毕！");

另一种做法，是给所有<img>增加onload事件，在onload事件中，给计数器做累加，达到一定数量则判定为全部图片装载完毕

-------------------------------------------------------------------------

js检测图片加载是否完毕 

使用Image对象和其onload方法

1. $(function(){
2. 
   
3. var img = new Image();
4. img.src = $(this).attr("src");
5. img.onload = function(){
6.   。。。。code
7. }
8. 
   
9. });

3------------性能更高的判断图片是否加载完毕

通过$.Deferred 实现判断N个图片加载完毕逻辑（2014-03-01 11:34