预加载所有类型图像的最佳方法是什么?

时间:2013-07-03 13:13:10

标签: javascript html css image pagespeed

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

我的页面有一些图像直接用作链接,即img标记中的a标记,以及某些跨度的background-image属性中的图像。< / p>

预加载它们的最佳方法是什么?我注意到很多预加载脚本似乎都假设图像将被加载到图像标签中。例如,我已经实现了这个脚本:http://www.javascriptkit.com/javatutors/preloadimagesplus.shtml

但它在我的页面上没有什么区别,当盘旋时某些跨距应该有新的背景。当用户将鼠标悬停在某个元素上时,在显示正确的图像背景之前,我的页面仍然会暂停。

修改

我知道使用精灵,我的问题是要求除了精灵之外的解决方案。

1 个答案:

答案 0 :(得分:0)

前一段时间http://www.unheap.com上有以下jQuery插件。这可以服务吗?

http://nick-jonas.github.io/imageloader/

我注意到Github存储库“由于DMCA删除而无法使用”,但它可能会指向正确的方向。

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

https://github.com/sebarmeli/JAIL