问题描述
我正在尝试同步2个猫头鹰轮播,以便它们以相同的时间和方式更改幻灯片。 轮播是循环的。 当我使用这个:
$("#slider").on('change.owl.carousel', function(event) {
$("#text_slider").trigger('to.owl.carousel', [event.item.index,0,true]);
})
到达项目末尾的第二个轮播不会按原样移动forvard(已循环播放),而是向后移动到第一个项目。
我也禁用了拖动并尝试了以下操作:
$('#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秒,但实际上是不需要的:(
如果我可以在将项目更改为上一个和下一个next.owl.carousel
时调用触发器prev.owl.carousel
,将项目更改为下一个时禁用触发器,并在第二个转盘中禁用自动播放功能,但我没有找到方法:(
欢迎提供有关使用其他可响应且可以循环和同步的滑块插件的任何建议
1楼
Julia
1
已采纳
2015-08-02 14:24:16
猫头鹰轮播似乎没有解决方法。 我发现flexslider可以用于此目的,它具有同步选项并且可以正常工作。