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

Preload css background image, nivo slider issue

本文关键字：nivo 问题 图像 加载 css 背景      更新时间：2023-09-26

在加载nivo滑块幻灯片之前，我在预加载包装器的背景图像时遇到了一些问题。这是我的客户非常挑剔的事情，尽管它只是一秒钟的一小部分——

我已经尝试了在这里找到的每一个jQuery和css方法，要么没有区别，要么破坏了nivo滑块。

这是测试页面的链接

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

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

有人能提供一些见解吗？

谢谢。

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

例如

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

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

$(window).load(function(){
  //slider code here
});
相关文章：