沫沫金:BootStarp轮播组件(carousel)支持触屏【Hammer】

简介: 外国人,还是牛逼。下载两个JS1、http://hammerjs.github.io/2、https://github.com/hammerjs/jquery.hammer.js注意:引入顺序1》2                        $('#carousel-example-generic').

外国人,还是牛逼。


下载两个JS

1、http://hammerjs.github.io/

2、https://github.com/hammerjs/jquery.hammer.js

注意:引入顺序1》2

    <!-- 增强:BootStrap carousel(轮播)组件支持触屏 -->
    <script src="dep/jquery.hammer.js-master/hammer.min.js"></script>
    <script src="dep/jquery.hammer.js-master/jquery.hammer.js"></script>
    <script>
        $('#carousel-example-generic').hammer().on('swipeleft', function(){
          $(this).carousel('next');
         });
        $('#carousel-example-generic').hammer().on('swiperight', function(){
          $(this).carousel('prev');
         });
    </script>


目录
相关文章
|
4月前
|
开发框架 JavaScript 前端开发
循序渐进BootstrapVue,开发公司门户网站(4)--- 使用b-carousel-slide组件实现图片轮播以及vue-awesome-swiper实现图片滑动展示
循序渐进BootstrapVue,开发公司门户网站(4)--- 使用b-carousel-slide组件实现图片轮播以及vue-awesome-swiper实现图片滑动展示
|
4月前
|
前端开发 JavaScript
vue 自定义气泡弹窗 $pop (内含css晃动动画shake制作)
vue 自定义气泡弹窗 $pop (内含css晃动动画shake制作)
103 0
|
API 开发者 索引
Flutter笔记:发布一个多功能轮播组件 awesome_carousel
awesome_carousel 模块是一个Flutter轮播图模块。可以实现包括自定义指示器、动画、滚动等等众多功能。能够指定相当多地细节(可以参考 API 部分了解)本文给出 awesome_carousel 模块的两个简单的用法示例。
305 0
|
JavaScript 前端开发
使用swiper实现图片轮播功能
使用swiper实现图片轮播功能
127 0
|
小程序
【笔记】微信小程序组件swiper实现跑马灯(marquee)效果
微信小程序组件swiper实现跑马灯(marquee)效果
1352 0
【笔记】微信小程序组件swiper实现跑马灯(marquee)效果
|
小程序
微信小程序:echarts层级太高,遮挡van-popup弹框组件
微信小程序:echarts层级太高,遮挡van-popup弹框组件
1205 0
|
前端开发 JavaScript UED
纯css实现Material Design中的水滴动画按钮
纯css实现Material Design中的水滴动画按钮
纯css实现Material Design中的水滴动画按钮