预载的onmouseover图片

Question

林与下面的行工作：

<a <img src="images/m1.png" 
onmouseover="this.src='images/m0.png'" 
onmouseout="this.src='images/m1.png'"/></a> 

所以，我简单地改变一个图像到另一个悬停。问题是，悬停后需要另一秒加载第二张图片。它看起来缓慢和丑陋...

我的问题是：是否有可能让浏览器加载之前，用户实际与第一个图像交互？

谢谢你的时间！

Answer 1

只是使用JavaScript在头某处定义图像

img[i] = new Image(); 
img[i].src = <URL>;