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

Question

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

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

这是一个测试页面的链接

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

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

谢谢你。

score 0 · Accepted Answer

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

例如

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

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

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

1 回答 1