Zum Verschieben um 7 Folien benötigt Prev-Next

Question

Ich erstelle einen benutzerdefinierten Kalenderschieberegler mit Hilfe des Eulenkarussells. Es wird 7 Tage hintereinander angezeigt (also sind 7 Folien aktiv). Wenn ich auf die Paginierungspunkte klicke, werden die Folien um 7 Folien verschoben. Wenn Sie benutzerdefinierte Vor-Zurück-Schaltflächen verwenden, wird jedoch nur jeweils eine Folie verschoben.

Meine-Buttons rufen die folgenden:

$('.calNextButton').click(function() { 
    $('.owl-carousel').trigger('next.owl.carousel'); 
}); 

$('.calPrevButton').click(function() { 
    $('.owl-carousel').trigger('prev.owl.carousel'); 
}); 

Gibt es eine Möglichkeit, diese Funktionen anpassen um eine bestimmte Anzahl von Dias zu bewegen, statt nur einer nach dem anderen?

Ich benutze Owl Carousel v2.2.1. Ich füge einen Screenshot meines Kalender-Sliders als Referenz bei. Screen Capture of Calendar Slider

Answer 1

Try slideBy Option

$('.owl-carousel').owlCarousel({ 
     slideBy: 7, 
    }); 

Weitere Informationen https://owlcarousel2.github.io/OwlCarousel2/docs/api-options.html