预加载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>;