2017-09-06 1 views
0

Ich habe zwei synchronisierte OwlCarousel-Schieberegler. Ziel ist es, eine Gruppe von Gegenständen zu erreichen, die im ersten Hauptschieber gleiten. Jetzt gleitet es von 1 auf 2 zu 3 usw. Ich brauche es, um von 1 nach 5 zu gleiten. Gibt es einige Werte, die ich in js ändern kann? https://codepen.io/washaweb/pen/KVRxRWErstellen, um mehr als ein Element in OwlCarousel voraus zu schieben

.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 

Und wie kann ich Animation ändern Schiebe? Zum Beispiel fadein

Antwort

1

Sie könnten to.owl.carousel Veranstaltung versuchen:

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

Karussell # sync2 springt Nummer schieben 5. Sie können dies auslösen, indem andere Eule Ereignisse oder Klicks.

+0

Ja, das hat funktioniert! Vielen Dank. Aber zum Beispiel, wie kann ich das mit 4-5 Seiten Dias machen? Ziel ist Folie zu 5-8-11 usw. Ich meine, wie kann ich die Position des Schiebers bekommen? – deweius

Verwandte Themen