1

我将 unslider 用于具有许多图像的滑块显示。

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

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

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

我的例子有这个小提琴：http: //jsfiddle.net/bdmU4/3/

下面，有我的 jQuery 来启动 unslider 插件：

$(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>
4

2 回答 2

3

在玩弄了您的小提琴之后（我将其简化为他们网站上的核心示例） ，看起来speed.delay

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

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

于 2014-08-09T00:13:54.493 回答
0

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

此外，如果我使用“点”更改幻灯片，幻灯片会跳回到它开始的位置，所有时间都会被丢弃。

我所做的只是删除该行：

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

正如史蒂夫指出的那样。我认为调用脚本的第二次出现会覆盖事物，并且会混淆要遵循的速度，因为基本上有 2 个同时运行。

我在这里回复，希望它对将来的人有所帮助。

于 2015-03-29T12:33:02.237 回答