如何在 Carousel Slider 中添加自动播放设置
How to add auto play setting in Carousel Slider
我有 jQuery 带行的旋转木马滑块插件。
我想添加到 Carousel 自动播放设置
有旋转木马滑块 - Demo
<script>
$(document).ready(function() {
var sc = $('#myScroller').radiantScroller({
elementWidth: 400,
cols: 2,
rows: 2,
useMouseWheel: true,
addPagination: true
});
});
</script>
我添加了这段代码:
autoplay: true, autoplaySpeed: 2000,
但它不起作用
您使用的插件未提供自动播放功能检查文档here
查看 FIDDLE 上的示例 我已经使用 RadiantScroller 的 API 和回调函数
添加了自动播放设置
<script>
$(document).ready(function() {
var sc;
sc = $('#myScroller').radiantScroller({
elementWidth: 400,
cols: 3,
rows: 2,
loaded : function(){
setTimeout(function(){
sc.radiantScroller('next');
},2000)
},
afterMove : function(){
setTimeout(function(){
sc.radiantScroller('next');
},2000)
},
lastPageReached : function(){
setTimeout(function(){
sc.radiantScroller(1);
},2000)
}
});
});
我有 jQuery 带行的旋转木马滑块插件。
我想添加到 Carousel 自动播放设置
有旋转木马滑块 - Demo
<script>
$(document).ready(function() {
var sc = $('#myScroller').radiantScroller({
elementWidth: 400,
cols: 2,
rows: 2,
useMouseWheel: true,
addPagination: true
});
});
</script>
我添加了这段代码:
autoplay: true, autoplaySpeed: 2000,
但它不起作用
您使用的插件未提供自动播放功能检查文档here
查看 FIDDLE 上的示例 我已经使用 RadiantScroller 的 API 和回调函数
添加了自动播放设置 <script>
$(document).ready(function() {
var sc;
sc = $('#myScroller').radiantScroller({
elementWidth: 400,
cols: 3,
rows: 2,
loaded : function(){
setTimeout(function(){
sc.radiantScroller('next');
},2000)
},
afterMove : function(){
setTimeout(function(){
sc.radiantScroller('next');
},2000)
},
lastPageReached : function(){
setTimeout(function(){
sc.radiantScroller(1);
},2000)
}
});
});