javascript - 使 OwlCarousel 中的多个项目向前滑动

Question

我有两个同步的 OwlCarousel slider 。目标是实现 - 在第一个主 slider 中滑动的项目组。现在它从 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

如何更改滑动动画？例如淡入淡出

Answer 1

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

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

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