OWL 2 Carousel自动播放不起作用

时间:2014-12-11 19:06:49

标签: owl-carousel

我有两张幻灯片。我使用的是OWL 1,效果很好。我想要无限循环,所以转移到OWL 2。

以下代码效果很好。幻灯片保持同步,但自动播放永远不会开始。我必须拖动幻灯片或显示导航,然后单击下一个/上一个。

希望答案对于有经验的人来说非常明显。

$(document).ready(function() {

var carousel_1 = $('#the_carousel'),
carousel_2 = $('#the_carousel_content');

carousel_2.on('change.owl.carousel', function(event) {
carousel_1.trigger('to.owl.carousel', [event.item.index,100,true]);

});

carousel_1.owlCarousel({
items:1,
loop:true,
autoPlay: true,
autoplayTimeout: 100,
slideBy: 1,
autoplaySpeed: 100,
 rewindNav: false
});

carousel_2.owlCarousel({
items:1,
loop:true,
autoPlay: false,
autoplaySpeed: 100,
autoplayTimeout: 100,
nav:false,
slideBy: 1,
rewindNav: false
});

});
</script>

谢谢!

2 个答案:

答案 0 :(得分:4)

考虑以下错误:

autoPlay: true,

必须是:

autoplay: true,

对于那些已经下载了库开发版本的人来说,必须注意不要像em2用户那样包含自动播放插件。

答案 1 :(得分:0)

这家伙有同样的问题:Owl Carousel Will Not Autoplay

您需要从owl site

手动添加autoplay.js库
<script src="owl/js/owl.autoplay.js"></script>