js图片预加载问题

Question

做了一个页面，页面很多地方都需要鼠标经过变化背景图片，本地测试ok，上传服务器后，打开页面后，鼠标移上去会有几秒空白，怎么让图片预加载进去呢。网上看了些帖子不太明白，求指点。

Answer 1

Image对象预加载，将下面代码放在head标签里面
<script>
var Imgs=['1,jpg','3,jpg','2,jpg']//要预加载的图片路径
for(var i=0;i<Imgs.length;i++)new Image().src=Imgs[i];//
</script>

Answer 2

用jQuery的插件...jquery.lazyload.js