在OwlCarousel中提前滑动多个项目

时间:2017-09-06 14:30:00

标签: javascript jquery slider owl-carousel owl-carousel-2

我有两个同步的OwlCarousel滑块。目标是实现 - 在第一个主滑块中滑动的一组物品。现在它从1滑动到2到3等我需要它从1滑动到5.是否有一些值我可以在js中改变? https://codepen.io/washaweb/pen/KVRxRW

 .owlCarousel({
items : slidesPerPage,
dots: false,
nav: false,
autoplay: false,
smartSpeed: 200,
slideSpeed : 500,
mouseDrag: false,
touchDrag: false,
pullDrag: false,
slideBy: '1', //alternatively you can slide by 1, this way the active slide will stick to the first item in the second carousel
responsiveRefreshRate : 100

我怎样才能改变滑动动画?例如fadein

1 个答案:

答案 0 :(得分:1)

您可以尝试 to.owl.carousel 事件:

var jumpTo = 5;
$('#sync2').trigger('to.owl.carousel', jumpTo);

Carousel#sync2跳转到幻灯片编号5.您可以通过其他猫头鹰事件或点击来触发此操作。