Javascript 当用户将鼠标悬停在图像上时，尽可能快地加载图像

我知道使用精灵可以解决这个问题，还有其他更好的方法吗？

有些浏览器会加载悬停图像，直到您将其悬停在上面。如果图像较大或流量较慢，这一点非常明显

理想情况下，您希望使用精灵图像，并在悬停时定位它们

像这样

像这样将图像预加载到虚拟div-

#temp
{
    background-image: url(/images/image1.png);
    background-image: url(/images/image2.png);
    background-image: url(/images/image3.png);
}

---

如何在html页面上添加要更改的图像，并使用内联css将其显示为none，以便在呈现html页面时加载该图像，并将javascript更改图像悬停

我不想为任何元素设置动画。只想在用户将鼠标悬停在图像上时尽快加载图像谢谢您的建议。但这需要javascript。它比精灵需要更多的时间。另一个选项是预加载，但这是一个额外的http请求，因此我将使用精灵来代替。@doniyor这肯定不会加快加载速度。您可以在样式表中使用背景图像。在html页面上添加图像并显示它如何。用javascript在悬停时更改图像？