html js 图像预载入........怎样去实现

Question

<script>
function qq()
{
var url="http://www.51099.com/dm/js/26/images/image-3.jpg";
var a =new Image();
a.src=url;
mg.src=a.src;
alert('应该马上显示图片')
}
</script>
<img src="" id="mg">
<input name="Input" type="button" value="bbb" onclick="qq()" />
-----------------------------------------------------------------
使用Image 也不能实现 图像预载

Answer 1

mg.src=a.src;  -> document.getElementById("mg").src=a.src; 

Answer 2

"var a =new Image();
a.src=url; 
"
在我想像中这应该是下载图片。等他下载完了。。才会"alert('应该马上显示图片') "

Answer 3

预载
var img = new Image();
img.src="图片";
img.onload=function()
{
  alert("图片加载完成！");
}