图片加载先显示马赛克问题

Question

自己做了个实验，希望的结果是在图片没加载完成的时候显示的是模糊的带马赛克的图片，加载完成后显示清晰图片。
TEST2.jsp
<img lowsrc="2.jpg" src="test.jsp" width="800" height="600" border="0" />
其中2.JPG是缩略图，test.jsp是用流写入要显示的图片。在网上查了下，说lowsrc指向缩略图，这样放大后就是带马赛克的模糊图片，等图片加载完了就会显示清晰的。
我在test.jsp用流写入图片的时候用了线程延时200MS。
但是现在并没有显示模糊图片，而是直接出现清晰的图片一点点的从上向下加载。

Answer 1

修改了代码如下：
<script>
function test()
{
 var obj = document.getElementById("aa");
 obj.src = "test.jsp";
}function runOnce(object){   
        object.onload = null;   
        test();   
    }  
</script>
<img id="aa" lowsrc="2.jpg"  onload="runOnce(this)" width="800" height="600" border="0" />
现在是出来模糊图片，但是过了2秒钟模糊图片消失，清晰图片又是从上向下一点点的加载

Answer 2

如果是onload的话，会加载时间比较长，在body外面加入函数可以，速度比较快，但是可能会出现的情况如：显示不完全但是页面上已经显示了