多张图片全部加载完成后再执行某操作

浏览器对图片的加载是异步的，很多时候我们需要等待图片完全加载后才能进行下一步操作。

例如：获取图片父容器的高度，如果图片没加载完，高度基本为0，没有实用价值。

单找图片的加载完处理可以使用:

$(image).οnlοad=function(){
	处理操作
}

多张图片全部加载完成后再做处理，可以使用如下方式：

var imgdefereds=[];  					//定义一个操作数组
$('#productionShow .show-image').each(function(){  	//遍历所有图片，将图片
	var dfd=$.Deferred();  				//定义一个将要完成某个操作的对象
	$(this).bind('load',function(){  
		dfd.resolve();  			//图片加载完成后，表示操作成功
	});
	if(this.complete){				//如果图片加载状态为完成，那么也标识操作成功
		setTimeout(function(){  
			dfd.resolve();  
		},1000); 
	}
	imgdefereds.push(dfd);  			//将所有操作对象放入数组中
})  
$.when.apply(null,imgdefereds).done(function(){  	//注册所有操作完成后的执行方法
	if($("#productionShow").height()<=430){
		$("#productionShow").height(430);
	}else{
		$("#productionShow")[0].style.height="auto";
	} 
}); 

可参照 http://javascript.ruanyifeng.com/jquery/deferred.html进行理解。