求教：怎么用jquery 检测图片是否加载完成

Question

<div id="aaa"><img src="1.jpg" /><img src="2.jpg" /><img src="3.jpg" /></div>
我想在aaa中的1、2、3图片加载完成之前显示“加载中...”，图片都下载完成后再显示图片，代码该怎么写啊？
谢谢！

Answer 1

参考这个帖子
http://bbs.csdn.net/topics/390153657

Answer 2

<div id="aaa"><img src="1.jpg" /><img src="2.jpg" /><img src="3.jpg" /></div>
<script type="text/javascript">
var id=document.getElementById("aaa");
var temp=id.innerHTML;
var img=id.getElementsByTagName("img");
var l=img.length;
var n=0;
    for(var i=0;i<l;i++){
        window["pic"+i]=new Image();
        window["pic"+i].src=img[i].src;
        window["pic"+i].onload=function(){
            n++;
            if(n==l){
                id.innerHTML=temp;
            }
        }
    }
id.innerHTML="图片加载中...";
</script>