Tutorials

Einige nützliche Hilfen und Code-Schnipsel, die ich immer wieder benötige und deshalb hier für alle sammle.

Zurück zur Übersicht

Bootstrap: Carousel mit Swipe Funktion

#Tutorials#Javascript

Um das Bootstrap Carousel auf mobilen, bzw. Touchgeräten mit einem Fingerwisch (Swipe) zu bedienen habe ich hier ein kleines Snipped gebaut. Das Ganze setzt voraus, dass man das jquery.touchswipe Plugin vorher eingebunden hat.


$('.carousel').swipe({
	swipeLeft:function(event, direction, distance, duration, fingerCount) {
		$(this).carousel('next');    
	},
	swipeRight:function(event, direction, distance, duration, fingerCount) {
		$(this).carousel('prev');  
	},
	threshold:0
});

Kommentare

  • Mark
    Super, genau wonach ich gesucht habe! Danke sehr!
    Antworten
  • Bernhard Haberstetter
    Danke, funktioniert super!
    Antworten

Hinterlasse einen Kommentar

Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Kommentar wird gespeichert
Danke für deinen Kommentar! Sobald er freigegeben wurde erscheint er hier.