加载时 jQuery Nivo 滑块中的图像意外出现

Question

因此，我正在一个实现了 Nivo 滑块的网站上工作，我遇到的问题是，当我的页面加载（新鲜或缓存后）时，图像全部直接显示在页面下方，并且当页面完全显示时加载，然后图像消失并且幻灯片动画开始。

在这里查看一下，在页面顶部图像发生变化的地方。当页面加载时，您将看到应该隐藏的图像，出现，然后消失在幻灯片中。

http://www.bandofthedark.com/

我已经在多个浏览器等上进行了测试。

Answer 1

将 display: none; 应用于除第一个图像之外的所有图像。

例如：

<img src="imgs/botdEVENTone.jpg" width="820" height="300" style="display: none;" />

Answer 2

如果您要在 WordPress 中实现此功能，只需将 display:none 添加到 li 标记即可。

<li style="display:none;"> </li>

Answer 3

问题解决了！在滑块的 div 样式中，请务必设置图像的高度并将 div 的溢出设置为隐藏

#slider {
  height: 300px; 
  overflow: hidden; 
}