Das Bootstrap-Karussell-Plug-In ist eine flexible und reaktionsschnelle Möglichkeit, Schieberegler zu einer Site hinzuzufügen. Außerdem ist der Inhalt flexibel genug, um ein Bild, ein eingebetteter Rahmen, ein Video oder eine andere Art von Inhalten zu sein, die Sie platzieren möchten.
Da das jüngste Projekt die HTML5 -Entwicklung auf mobilen Geräten beteiligt hat, müssen Karouseleffekte erzielt werden. Dann ist das schnellste Weg, wissen Sie (Bootstrap), und das native Bootstrap Carousel.js -Plugin unterstützt keine Gesten.
Dann ... denken Sie selbst an eine Lösung, und dann gibt es die folgenden 3 Lösungen:
JQuery Mobile (http://jquerymobile.com/download/)
$ ("#carousel-generic").TouchSwipe JQuery Plugin (https://github.com/mattbryson/touchswipe-jquery-plugin)
$ ("#carousel-generic"). Swipe ({Swipeleft: function () {$ (this) .Carousel ('next');}, Swiperight: function () {$ (this) .Carousel ('prev');},});hammer.js (http://yightmedia.github.io/hammer.js/) +
jQuery.hammer.js (https://github.com/yightmedia/jquery.hammer.js)
$ ('#carousel-generic'). hammer (). on ('swipeleft', function () {$ (this) .Carousel ('next');});Das gesamte JQuery -Handy importieren nur, um Swipe -Gesten zu unterstützen, scheint etwas nutzlos zu sein (jetzt wurde es aus dem ursprünglichen englischen Text entfernt, sodass Sie es herunterladen können).
Das Rutschen von Touchswipe in beiden Seiten des Klickbecherbereichs ist ungültig und dann wird Hammer ausgewählt.
Das obige ist das Bootstrap Carousel-Plug-In (Karussell), das der Herausgeber Ihnen vorgestellt hat (drei Möglichkeiten zur Unterstützung des linken und rechten Geste. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Herausgeber wird Ihnen rechtzeitig antworten.