javascript - jQuery Nivo 滑块中的图像在加载时不希望出现

Question

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

在这里查看，在图像更改的页面顶部。当页面加载时，您会看到应该隐藏的图像，然后出现，然后消失在幻灯片中。

http://www.bandofthedark.com/

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

Answer 1

应用显示：无；除第一个图像外，您的所有图像。

例如：

<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; 
}