Css 如何预加载图像？

我在悬停时使用了一个大背景图像，设置在css

Background{..}

当鼠标移到上面时，第一次加载需要时间，所以我想预加载这张

background

图像

使用纯css、javascript或jquery实现这一点的最佳选项是什么

---

请不要建议我使用CSS Sprite，如果它是用于悬停效果，请使用并忘记javascript。更简单，http请求更少。

您可以看看可以大大减小图像大小的技术。顺便说一句，它将有助于预加载所有悬停，或动态更改页面加载时加载的图像。

或不这样预加载

让图像包含图像的两种状态，然后使用CSS重新定位图像以显示所需的状态

如果您有多个图像，可能值得实现其他人提到的sprite

---

另一个链接：

如果图像始终相同，则以下操作将完成此操作：

pic1= new Image(100,25);
pic1.src="http://someplace.com/image1.gif";

---

在我的情况下，我不能使用cssspite@Josh斯托多拉-因为在我的情况下，我不能制作或编辑图像。gear-solid：图像是动态加载的还是总是一样的？选择你最喜欢的！我第一个回答的时候，你怎么会对同一个答案投3票？无论如何，显然这对他不起作用。