Nivo滑块加载问题 - 编程之家

如何解决Nivo滑块加载问题

| 我遇到了一个奇怪的Nivo Slider加载问题，图片的左侧显示了刚进入网站（这是WRONG）之后我的滑块的外观，而右侧显示了一段时间。问题是为什么为什么在包含div之前先加载我的图像（以及加载动画），然后将其显示在另一个下方？当然，主容器的位置设置为相对，每个容器的img绝对位于顶部：0和左侧：0。有什么想法吗？试图将其放到jsfiddle上，但我相信不支持Nivo。

解决方法

如何停止图像堆叠滑块加载之前的页面？由于您必须使用 $（window）.load（）函数有一个插件生效之前的延迟某些样式的元素。您可以通过手动应用以上CSS样式以停止图像堆叠在插件之前的页面上负载。

#slider {
    //See the \"style-pack\" for image
    background:url(images/loading.gif) no-repeat 50% 50%; 
}
#slider img {
    display:none;
}

http://nivo.dev7studios.com/support/ 下次，我将以常见问题解答开始； /对不起。我希望这会在将来对某人有所帮助... ,我遇到了同样的问题，并可以通过以下样式解决它：

.nivo-slice {
    display:block;
    position:absolute;
    z-index:5;
    height:100%;
}
.nivo-box {
    display:block;
    position:absolute;
    z-index:5;
}

,只是隐藏溢出

.nivo-slice {
    display:block;
    position:absolute;
    z-index:5;
    height:100%;
    top:0;
}
.nivo-box {
    display:block;
    position:absolute;
    z-index:5;
    overflow:hidden;
}
.nivo-box img { display:block; }

,您可以尝试在容器元素的CSS中添加\'overflow：hidden \'。 ,我使用Nivo-Slider的经验是，发生这种情况时，nivo-slider.css没有正确链接到html页面。仔细检查您到样式表的链接。