javascript - Nivo slider 加载问题

Question

我有一个奇怪的 Nivo Slider 加载问题，图像的左侧显示了我的 slider 刚进入网站后的样子(这是错误的)，右侧显示了一段时间后的样子。

问题是为什么我的图像在包含 div(带有加载动画)之前加载并且一个在另一个下面显示？当然，主容器的位置设置为相对位置，每个容器 img 绝对位于顶部:0 和左侧:0。有什么想法吗？试图把它放在 jsfiddle 上，但我相信 Nivo 不受支持。

Answer 1

How do I stop my images stacking down the page before the slider has loaded?

Due to the fact you have to use the $(window).load() function there is a delay before the plugin apply's certain styles to the elements. You can help this by manually applying the above CSS styles to stop the images stacking on the page before the plugin loads.

#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/

下次我将从常见问题解答开始；/抱歉。我希望这对将来的人有所帮助...