如何在Carousel Slider中添加自动播放设置

时间:2015-03-21 08:57:46

标签: jquery slider carousel

我有jQuery Carousel Slider Plugin with rows。

我想添加到Carousel自动播放设置

有Carousel Slider - Demo

<script>
$(document).ready(function() {
var sc = $('#myScroller').radiantScroller({
elementWidth: 400,
cols: 2,
rows: 2,
useMouseWheel: true,
addPagination: true
});
});
</script>

我添加了这段代码:

 autoplay: true,   autoplaySpeed: 2000,

但它不起作用

1 个答案:

答案 0 :(得分:0)

您使用的

插件未提供自动播放功能检查文档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) 
 }  
 });
});