يعد المكون الإضافي Carousel Bootstrap وسيلة مرنة وسريعة الاستجابة لإضافة Sliders إلى موقع ما. إلى جانب ذلك ، يكون المحتوى مرنًا بما يكفي ليكون صورة أو إطارًا مضمنًا أو مقطع فيديو أو أي نوع آخر من المحتوى الذي تريد وضعه.
نظرًا لأن المشروع الأخير شمل تطوير HTML5 على الأجهزة المحمولة ، يجب تحقيق تأثيرات الكاروسيل. ثم أسرع طريقة ، كما تعلمون (bootstrap) ، ثم لا يدعم البرنامج المساعد الأصلي bootstrap carousel.js الإيماءات.
ثم ... فكر في حل بنفسك ، وبعد ذلك ، هناك الحلول الثلاثة التالية:
jQuery Mobile (http://jquerymobile.com/download/)
$ ("#carousel-generic"). swipeleft (function () {$ (this) .carousel ('next') ؛}) ؛ $ ("#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://eightmedia.github.io/hammer.js/) +
jquery.hammer.js (https://github.com/eightmedia/jquery.hammer.js)
$ ('#carousel-generic'). hammer (). on ('swipeleft' ، function () {$ (this) .carousel ('next') ؛}) ؛ $ ('#carousel-generic'). hammer ().يبدو أن استيراد جهاز JQuery Mobile بالكامل فقط لدعم إيماءات التمرير غير مجدية قليلاً (تمت إزالته الآن من النص الإنجليزي الأصلي ، بحيث يمكنك تنزيله)
إن انزلاق اللمس في كلا الجانبين من منطقة زر النقر غير صالح ، ثم يتم تحديد المطرقة.
ما سبق هو مكون Bootstrap carousel (carousel) الذي قدمه لك المحرر (ثلاث طرق لدعم انزلاق الإيماءات اليسرى واليسرى. آمل أن يكون ذلك مفيدًا لك. إذا كان لديك أي أسئلة ، فالرجاء ترك رسالة لي وسوف يرد المحرر لك في الوقت المناسب. شكرًا جزيلاً على دعمكم لموقع Wulin.com!