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

【问题标题】：Images in jQuery Nivo slider undesirably appear when they're loadingjQuery Nivo 滑块中的图像在加载时不希望出现
【发布时间】：2011-05-05 11:24:27
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

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

例如：

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

【讨论】：

【解决方案2】：

如果您在 WordPress 中实现这一点，您只需将 display:none 添加到 li 标签。

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

【讨论】：

【解决方案3】：

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

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

【讨论】：