Bootstrap的Carousel配合dropload.js实现移动端滑动切换图片

轮播图可以通过点击按钮来跳到上一张或者下一张，在移动端我们常用的就是通过滑动来实现一些时间，那么如何实现呢。

以下是通过bootstrap的Carousel和dropload.js（移动端上下拉动刷新插件）的实现方法。

HTML部分

JS部分

var carousel_=$("#carousel-example-generic0");
 $("#goods_lunbo").touchwipe({
  ReferenceMaterial:"#goods_lunbo2",//套的div
  distance : 100,//表示滑动的距离
  wipeLeftFn:function(){console.log("佐佐佐");carousel_.carousel('prev');},//向左滑动屏幕
  wipeRightFn:function(){console.log("呦呦呦");carousel_.carousel('next');},//向右滑动屏幕
  nowipe:function(){}
 });

以上所述是小编给大家介绍的Bootstrap的Carousel配合dropload.js实现移动端滑动切换图片，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！