OWL Carousel move +/- 5 слайдов

Question

Я хотел был бы иметь возможность переместить OWL Carousel +/- 5 слайдов в зависимости от того, какой текущий слайд он включен. Пожалуйста, см. Мою демонстрационную версию ниже, вы можете видеть, что я выполняю это, используя carousel.trigger('owl.goTo', 5), затем carousel.trigger('owl.goTo', 1), чтобы вернуться. Но как только я нахожусь на 5, я хотел бы снова пойти +5 слайдов, то же самое со спиной. В настоящее время он остается на слайде.

Code Pen Demo

Вот мой Javascript

$(document).ready(function() { 

var carousel = $("#owl-demo"); 

carousel.owlCarousel({ 
    slideSpeed : 500, 
    navigation: false 
}); 

$('.goTo').click(function(){ 
carousel.trigger('owl.goTo', 5) 
}); 

$('.goToback').click(function(){ 
carousel.trigger('owl.goTo', 1) 
}); 

$('.jumpTo').click(function(){ 
carousel.trigger('owl.goTo', 10) 
}); 

$('.jumpToBack').click(function(){ 
carousel.trigger('owl.goTo', 1) 
}); 


}); 

Пожалуйста, дайте мне знать, если мне нужно, чтобы очистить что-либо до

Вот это сайт OWL Carousel

Answer 1

Вам нужно будет получить текущий слайд и goTo currentItem + 5 (или -5)

https://jsfiddle.net/ubLLx7q9/

$(document).ready(function() { 

    var owl = null; 
    var carousel = $("#owl-demo"); 

    carousel.owlCarousel({ 
     slideSpeed : 500, 
     navigation: false, 
     afterInit: function() { 
     owl = this; 
     } 
    }); 

    $('.goTo').click(function(){ 
    carousel.trigger('owl.goTo', owl.currentItem + 5) 
    }); 

    $('.goToback').click(function(){ 
    carousel.trigger('owl.goTo', owl.currentItem - 5) 
    }); 
});