判断所有的图片加载完成

HTML

<!--实现简单的相册效果-->
<div id="gallery" class="zoom">
<ul>
    <!--相册所需要的图片集-->
    <li class="zoom"><img src="images/sample1.jpg"/></li>
    <li class="zoom"><img src="images/sample2.jpg"/></li>
    <li class="zoom"><img src="images/sample3.jpg"/></li>
    <li class="zoom"><img src="images/sample5.jpg"/></li>
</ul>		
</div>                       
                        

JS

$(document).ready(function(){	
	var imgNum=$('img').length;                   //要加载的图片张数
	$('img').load(function(){
		if(!--imgNum)
	     	{
				alert('所有的图片已经加载完成')
				} 						  //当计数器递减到0时，表示图片加载完
	})
});