所以我在一个实现了 Nivo 滑块的网站上工作,我遇到的问题是,当我的页面加载(新鲜或缓存后)时,图像都直接显示在页面下方并且页面完全显示加载,然后图像消失,幻灯片动画开始。
在这里查看,在图像更改的页面顶部。当页面加载时,您会看到应该隐藏的图像,然后出现,然后消失在幻灯片中。
我已经在多个浏览器等上进行了测试。
所以我在一个实现了 Nivo 滑块的网站上工作,我遇到的问题是,当我的页面加载(新鲜或缓存后)时,图像都直接显示在页面下方并且页面完全显示加载,然后图像消失,幻灯片动画开始。
在这里查看,在图像更改的页面顶部。当页面加载时,您会看到应该隐藏的图像,然后出现,然后消失在幻灯片中。
我已经在多个浏览器等上进行了测试。
应用显示:无;除第一个图像外,您的所有图像。
例如:
<img src="imgs/botdEVENTone.jpg" width="820" height="300" style="display: none;" />
如果您在 WordPress 中实现这一点,您只需将 display:none 添加到 li 标签。
<li style="display:none;"> </li>
问题解决了!在滑块的 div 样式中,请务必设置图像的高度并将 div 的溢出设置为隐藏
#slider {
height: 300px;
overflow: hidden;
}