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

을 fadein 예를 들어, 당신은 to.owl.carousel에게 이벤트를 시도 할 수 :

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

회전 목마 #의 SYNC2 당신은 다른 올빼미 이벤트에 의해 또는 클릭하여이 작업을 실행할 수있는 5 번을 밀어 이동합니다.