delay - Unslider 插件 - 如何为第一张幻灯片设置 3 秒延迟

Question

$('.banner').unslider({
	speed: 500,               //  The speed to animate each slide (in milliseconds)
	delay: 3000,              //  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
});

.banner { position: relative; overflow: auto; }
    .banner li { list-style: none; }
        .banner ul li { float: left; }

<div class="banner">
    <ul>
        <li>This is a slide.</li>
        <li>This is another slide.</li>
        <li>This is a final slide.</li>
    </ul>
</div>
<script src="//code.jquery.com/jquery-latest.min.js"></script>
<link href="http://unslider.com/style.css" rel="stylesheet"/>
<script src="//unslider.com/unslider.min.js"></script>

如何设置延迟 3 秒第一张幻灯片（项目）只有其他幻灯片（项目）将移动 9 秒取消滑块插件。

已经插件具有相同的延迟整张幻灯片。

插件链接http://unslider.com/

Answer 1

根据 Unslider 文档，到目前为止，它还没有为每张幻灯片设置延迟时间的选项。尝试自己修改库文件。

包含<link href="http://unslider.com/style.css" rel="stylesheet"/>在您的代码中。

$(function() {
  $('.banner').unslider();
});

.banner { position: relative; overflow: auto; }
.banner li { list-style: none; }
.banner ul li { float: left; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="http://unslider.com/style.css" rel="stylesheet"/>
<script src="http://unslider.com/unslider.js"></script>


<div class="banner">
  <ul>
    <li>This is a slide.</li>
    <li>This is another slide.</li>
    <li>This is a final slide.</li>
  </ul>
</div>