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

<div id="aaa"><img src="1.jpg" /><img src="2.jpg" /><img src="3.jpg" /></div>

我想在aaa中的1、2、3图片加载完成之前显示“加载中...”，图片都下载完成后再显示图片，代码该怎么写啊？
谢谢！
------解决方案--------------------
参考这个帖子
http://bbs.csdn.net/topics/390153657
------解决方案--------------------

<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>