Question

我遇到了NivoSlider的问题。整个滑块在最后一次滑动后消失（我现在使用3，但我可以随时更改它）并在30秒后再次显示。

<div id="slider-container">
<div id="slider" class="nivoSlider theme-default">
    <img src="img/slider/slider1.jpg"/>
    <img src="img/slider/slider2.jpg"/>
    <img src="img/slider/slider3.jpg"/>

<link rel="stylesheet" href="slider/themes/default/default.css" type="text/css" />
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" />
<script src="js/jquery.nivo.slider.pack.js" type="text/javascript"></script>

<script type="text/javascript">
$(function() {
$('#slider').nivoSlider({
effect:'fade'
});
});
</script>
</div>
</div>

现场直播：http://pandartt.com.br/novosite

我错过了什么？无法找到解决方法。

谢谢，

Giovanna的

Answer 1

将script和link元素移到#slider之外。 Nivoslider认为它们是幻灯片，并试图将它们显示为4,5,6和7号幻灯片。

目前您的标记如下所示：

<div id="slider" class="nivoSlider theme-default">
    <img src="img/slider/slider1.jpg"/>
    <img src="img/slider/slider2.jpg"/>
    <img src="img/slider/slider3.jpg"/>
    <link rel="stylesheet" href="slider/themes/default/default.css" type="text/css" />
    <link rel="stylesheet" href="css/nivo-slider.css" type="text/css" />
    <script src="js/jquery.nivo.slider.pack.js" type="text/javascript"></script>                           
    <script type="text/javascript">
        $(function() {
        $('#slider').nivoSlider({
        effect:'fade'
        });
        });
    </script>
</div>

了解link和script元素是如何嵌套在#slider div中的？将标记更改为此应该可以解决问题：

<div id="slider" class="nivoSlider theme-default">
    <img src="img/slider/slider1.jpg"/>
    <img src="img/slider/slider2.jpg"/>
    <img src="img/slider/slider3.jpg"/>
</div>
<link rel="stylesheet" href="slider/themes/default/default.css" type="text/css" />
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" />
<script src="js/jquery.nivo.slider.pack.js" type="text/javascript"></script>                           
<script type="text/javascript">
    $(function() {
    $('#slider').nivoSlider({
    effect:'fade'
    });
    });
</script>

更好的是，将指向样式表的链接移动到文档的head，然后将脚本移动到文档的head，或者在结束body标记之前

Nivo Slider：滑块在最后一张幻灯片后消失，并在30秒左右后再次显示。为什么？

1 个答案: