gpt4 book ai didi

jquery - 自动更改 JSlide

转载 作者:太空宇宙 更新时间:2023-11-04 14:44:49 25 4
gpt4 key购买 nike

我目前正在使用 JSlide 为 friend 创建轮播,我在更换幻灯片时遇到问题。

是否可以更改它,使其以特定的时间间隔自动滑过每一个?例如,假设在 slider 变化之前有 5 秒的延迟?

另一件事是删除分页按钮,我假设我只是从函数中删除了分页代码?我不太确定

无论如何,下面是完整的代码:

HTML

<div class="slidescontainer">
<div id="slides">
<img src="http://i39.tinypic.com/30sh5wo.jpg" alt="Banner 1">
<img src="http://i41.tinypic.com/w5gds.jpg" alt="Banner 2">
<img src="http://i41.tinypic.com/17rd3l.jpg" alt="Banner 3">
<img src="http://i40.tinypic.com/4u8ajn.jpg" alt="Banner 4">
<img src="http://i42.tinypic.com/30a8l1g.jpg" alt="Banner 5">
<img src="http://i39.tinypic.com/259x57a.jpg" alt="Banner 6">
<img src="http://i39.tinypic.com/2r6hbv5.jpg" alt="Banner 7">
</div>
</div>

脚本

  <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://static.tumblr.com/wxsnpan/qjsmqsq7r/jquery.slides.min.js"></script>
<script>
$(function() {
$('#slides').slidesjs({
width: 940,
height: 528,
navigation: {
effect: "fade"
},
pagination: {
effect: "fade"
},
effect: {
fade: {
speed: 400
}
}
});
});
</script>

最佳答案

这是jsFiddle吗回答你的问题?

对于自动滑动选项,我将您的脚本更改为

play: {
active: true,
auto: true,
interval: 4000,
swap: true,
pauseOnHover: true,
restartDelay: 2500,
effect:"fade"
}

对于分页,开发人员允许您使用此选项禁用它,

pagination: {
active: false
}

您可以在 SlideJS website 上找到有关此脚本的大量信息

希望对您有所帮助。

关于jquery - 自动更改 JSlide,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17968595/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com