预加载css背景图像，nivo滑块问题

Question

我在加载nivo-slide幻灯片之前，需要预先加载我的包装背景图像，这是我的客户是非常挑剔的，即使它只是一秒钟的一小部分 -

我已经尝试了我在这里找到的每一个jQuery和css方法，或者它没有任何区别或打破nivo -slider。

这里是一个测试页面

http://www.wheatbeakinc.com/test/

链接正如你可以看到它加载速度快足以让大多数人，但就像我说我的客户是挑剔这类事情。另外，实际背景图像在文件大小方面比测试大，所以需要更长的时间。

任何人都可以提供任何见解吗？

谢谢。

Answer 1

如果在滑块代码前插入背景图像作为实际图像并将其设置为隐藏，则应该至少在nivo滑块之前开始加载。 （最后加载背景图片）。

例如

<img src="your-background-image.jpg" alt="" style="display:none" /> 

如果仍然不起作用，你可以换的NIVO滑块窗口负载，而不是文档准备好了，所以它只有开始后，网页上的所有图片都加载：

$(window).load(function(){ 
    //slider code here 
});