我试图同步2个猫头鹰旋转木马,以便他们同时以同样的方式更换幻灯片。旋转木马是循环的。 当我使用它时:
$("#slider").on('change.owl.carousel', function(event) {
$("#text_slider").trigger('to.owl.carousel', [event.item.index,0,true]);
})
到达物品结束后的第二个旋转木马不会像它应该的那样移动(它是循环的)但是向后移动到第一个项目。
我也禁用了拖动并尝试了这个:
$('#slider .owl-prev').click(function() {
$("#text_slider").trigger('prev.owl.carousel');
})
$('#slider .owl-next').click(function() {
$("#text_slider").trigger('next.owl.carousel');
})
第一次似乎没问题......但是也启用了自动播放,并且在两个轮播(autoplay:true, autoplayTimeout:4000, smartSpeed:400
)上都是相同的,如果观看旋转木马一两分钟,我会注意到时间间隔在更换幻灯片之间,他们开始异步移动。间隔不大,不到1秒,但实际上是不需要的:(
如果我可以在将项目更改为上一个时调用触发器prev.owl.carousel
并在将项目更改为下一个时调用next.owl.carousel
,并在第二个旋转木马中禁用自动播放,但我找不到方法这样做:(
欢迎任何有关使用另一个响应且可以循环和同步的滑块插件的建议
答案 0 :(得分:1)
猫头鹰旋转木马似乎没有变通方法。我发现flexslider可用于此,它具有同步选项并且工作正常。