jQuery Nivo滑块中的图像在加载时不合需要地出现

Question

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

在此处查看图片顶部，图片会发生变化。当页面加载时，您将看到应该隐藏，显示的图像，然后消失在幻灯片中。

http://www.bandofthedark.com/

我已经在多个浏览器等测试过。

Answer 1

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

e.g：

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

Answer 2

如果要将其实现到WordPress中，只需在li标签中添加display：none即可。

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

Answer 3

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

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