预加载所有类型图像的最佳方式是什么？答案

【问题标题】：What's the best way to preload all types of images?预加载所有类型图像的最佳方式是什么？
【发布时间】：2013-07-01 04:52:24
【问题描述】：

我想预加载页面上的所有图片。

我的页面有一些直接用作链接的图像，即作为a 标记内的img 标记，以及某些跨度的background-image 属性中的一些图像。

预加载它们的最佳方式是什么？我注意到许多预加载脚本似乎假设图像将在图像标签中加载。例如，我实现了这个脚本：http://www.javascriptkit.com/javatutors/preloadimagesplus.shtml

但在我的页面上，悬停时某些跨度应该有新背景并没有什么不同。当用户将鼠标悬停在某个元素上时，我的页面上仍然会暂停，然后才会显示正确的图像背景。

编辑

我知道使用精灵，我的问题是寻求精灵之外的解决方案。

【问题讨论】：

这个问题太“大”了。你在谷歌上搜索过吗？有很多方法可以回答你。
我有，但是提到像这样的预加载函数：javascriptkit.com/javatutors/preloadimagesplus.shtml，在我的页面上使用许多图像作为跨度背景并没有什么不同。
您可能会使用类似的 js 函数“滥用”img 标签，然后使用一些 css：“display: none;”在元素上，以便它们与页面本身一起加载。但话又说回来，精灵会让这更简单。
试试这个stackoverflow.com/questions/476679/…。

【解决方案1】：

以下 jQuery 插件不久前在 http://www.unheap.com 上出现过。这有什么用吗？

我确实注意到 Github 存储库“由于 DMCA 删除而无法使用”，但也许它可以为您指明正确的方向。

另一个解决方案可能是这个插件：

【讨论】：