jQuery 可重复使用幻灯片插件 每张图设定不同时间
时间: 2023-05-29 09:02:56 浏览: 167
jQuery实用幻灯片插件
可以使用 jQuery 插件 Slick,使用其 autoplaySpeed 参数来设置每张图的播放时间。
示例代码如下:
HTML:
```
<div class="slider">
<div>
<img src="image1.jpg">
</div>
<div>
<img src="image2.jpg">
</div>
<div>
<img src="image3.jpg">
</div>
</div>
```
JS:
```
$('.slider').slick({
autoplay: true,
autoplaySpeed: 2000, // 每张图播放 2 秒
});
```
上述代码中,autoplay 为开启自动播放,autoplaySpeed 为每张图播放的时间间隔,单位为毫秒。可以根据需要修改 autoplaySpeed 的值来设置不同的播放时间。
阅读全文