Question

我使用unslider作为包含许多图像的幻灯片。

我已经有插件工作正常，但是，我不明白为什么，我延迟，速度选项无法正常工作。

我希望我的横幅图像每7秒钟改变一次，我希望延迟3秒。所以我将速度设置为7000（毫秒）并延迟3000.但是不行。我没有得到我在jQuery脚本中设置的速度和延迟。

有人可以帮助我了解这里发生的事情吗？

下面，我的jQuery启动了unlider插件：

$(function (){  
$('.banner').unslider({
    speed: 3000,               //  The speed to animate each slide (in milliseconds)
    delay: 7000,              //  The delay between slide animations (in milliseconds)
    complete: function() {},  //  A function that gets called after every slide animation
    keys: true,               //  Enable keyboard (left, right) arrow shortcuts
    dots: true,               //  Display dot navigation
    fluid: false              //  Support responsive design. May break non-responsive designs
});

这里我有我的HTML：

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://unslider.com/unslider.min.js"></script>
<section id="banner-container"> 
    <div class="banner">
        <ul>          
            <li style="background-color:blue; height:200px; "></li>
             <li style="background-color:red; height:200px; "></li>
            <li style="background-color:yellow; height:200px; "></li>
            <li style="background-color:green; height:200px; "></li>
        </ul>
    </div>
<a href="#" class="unslider-arrow prev">Previous Slide</a>
<a href="#" class="unslider-arrow next">Next slide</a>
</section>

Answer 1

在玩弄你的小提琴后（我把它缩小到他们网站上的核心示例），看起来speed没有从delay中删除。

如果您想要3秒钟过渡加上7秒完整显示，那么我会将您的delay更改为10000。

此外，在您的小提琴中，您将滑块声明两次，以便可能产生奇怪的效果。 var unslider = $('.banner').unslider();是第二次出现。

Answer 2

对于necropost，很抱歉我有同样的问题，无论我放入什么速度/延迟，它都不会影响它。

此外，如果我使用＆＃34;点＆＃34;更改了幻灯片，幻灯片将跳回到它开始的位置，并且所有时间都将被抛弃。

我所做的就是删除该行：

var unslider = $('.banner').unslider();

史蒂夫指出。我认为调用第二次出现的脚本会覆盖事物，并且会混淆哪些速度会跟随，因为基本上是同时运行的.2。

我在这里回复，希望将来可以帮助某人。

我的横幅图片不会改变我在jQuery脚本中设置的速度和dalay中的横幅

2 个答案: