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

时间:2013-08-16 15:06:45

标签: javascript jquery css background nivo-slider

在我的nivo滑块幻灯片加载之前,我无法让我的包装器的背景图像预加载。这是我的客户非常挑剔的事情,即使它只是一秒钟的一小部分 - / -

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

以下是测试页的链接

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

正如你所看到的,对于大多数人来说,它的加载速度足够快,但就像我说我的客户对这些事情一样挑剔。此外,文件大小的实际背景图像比测试大,因此需要更长的时间。

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

谢谢。

1 个答案:

答案 0 :(得分:0)

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

E.g。

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

如果仍然不起作用,你可以在窗口加载中包装nivo滑块而不是doc ready,所以只有在页面上的所有图像都加载后才会开始:

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