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

【问题标题】：Preload css background image, nivo slider issue预加载 css 背景图片，nivo 滑块问题
【发布时间】：2013-08-16 15:06:45
【问题描述】：

在加载我的 nivo-slider 幻灯片之前，我无法预加载包装器的背景图像。这是我的客户非常挑剔的事情，即使它只有几分之一秒 -_-

我已经尝试了在这里找到的所有 jQuery 和 css 方法，要么没有区别，要么破坏了 nivo-slider。

这是一个测试页面的链接

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

谁能提供任何见解？

谢谢。

【问题讨论】：

【解决方案1】：

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

例如

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

如果这仍然不起作用，您可以将 nivo 滑块包装在窗口加载中，而不是准备好文档，因此它仅在页面上的所有图像加载后才开始：

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

【讨论】：