在 OwlCarousel 中向前滑动多个项目

Question

我有两个同步的 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

我怎样才能改变滑动动画？例如淡入

Answer 1

你可以试试to.owl.carousel事件：

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

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