在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);

輪播＃sync2跳到幻燈片5。您可以通過其他貓頭鷹事件或通過單擊觸發此操作。