同步2个猫头鹰轮播或添加“onchangeprev,onchangenext”等回调

我正在尝试同步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 并在第二个旋转木马中禁用自动播放但是我没有找到方法来执行此操作会很棒:(

任何有关使用另一个响应并且可以循环和同步的滑块插件的建议都是受欢迎的

回答(1)

2 years ago

似乎猫头鹰旋转木马没有解决方法 . 我发现flexslider可以用于它,它有同步选项,并且工作正常 .