1

我正在尝试同步 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将项目更改为下一个时调用触发器，并在第二个轮播中禁用自动播放，但我没有找到这样做的方法：（

欢迎任何关于使用另一个响应式且可以循环和同步的滑块插件的建议

4

1 回答 1

1

猫头鹰轮播似乎没有解决方法。我发现 flexslider 可以用于此，它具有同步选项并且工作正常。

于 2015-08-02T14:24:16.533 回答