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

【问题标题】：Unslider plugin - How to set 3 second delay for first slideUnslider 插件 - 如何为第一张幻灯片设置 3 秒延迟
【发布时间】：2015-10-08 11:14:10
【问题描述】：

$('.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 秒 unslider 插件。

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

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

【问题讨论】：

你能提到你使用的插件吗@anithaappu

标签： delay unslider

【解决方案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>

【讨论】：