Le plug-in carrousel bootstrap est un moyen flexible et réactif d'ajouter des curseurs à un site. En plus de cela, le contenu est suffisamment flexible pour être une image, un cadre intégré, une vidéo ou tout autre type de contenu que vous souhaitez placer.
Étant donné que le projet récent a impliqué le développement HTML5 sur les appareils mobiles, les effets de carrousel doivent être réalisés. Ensuite, le moyen le plus rapide, vous savez (bootstrap), puis le plugin Bootstrap Carousel.js natif ne prend pas en charge les gestes.
Ensuite, pensez à une solution vous-même, puis, il y a les 3 solutions suivantes:
jQuery Mobile (http://jquerymobile.com/download/)
$ ("# Carousel-Generic"). swipeleft (function () {$ (this) .carel ('next');}); $ ("# carousel-generic"). swipeRight (function () {$ (this) .carel ('prev');});Plugin Touchswipe jQuery (https://github.com/mattbryson/touchswipe-jquery-plugin)
$ ("# Carousel-Generic"). Swipe ({swipeleft: function () {$ (this) .caresel ('next');}, swipeight: function () {$ (this) .carel ('prev');},});Hammer.js (http://eightmedia.github.io/hammer.js/) +
jquery.hammer.js (https://github.com/eightmedia/jquery.hammer.js)
$ ('# Carousel-Generic'). Hammer (). On ('swipeleft', function () {$ (this) .carel ('Next');}); $ ('# carousel-generic'). Hammer (). on ('swipever', function () {$ (this) .carel ('prov');});L'importation de l'intégralité de JQuery Mobile juste pour prendre en charge les gestes de balayage semble être un peu inutile (maintenant il a été supprimé du texte anglais original, vous pouvez donc le télécharger)
Le glissement de TouchSwipe des deux côtés de la zone du bouton clickable n'est pas valide, puis le marteau est sélectionné.
Ce qui précède est le plug-in Bootstrap Carousel (carrousel) que l'éditeur vous a présenté (trois façons de prendre en charge le geste gauche et droit de glissement. J'espère que cela vous sera utile. Si vous avez des questions, laissez-moi un message et que l'éditeur vous répondra à temps. Merci beaucoup pour votre soutien au site Web de Wulin.com!