我目前正在使用 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 上找到有关此脚本的大量信息
希望对您有所帮助。
我是一名优秀的程序员,十分优秀!