微客导航 » 文章资讯 » Bootstrap的Carousel配合dropload.js实现移动端滑动切换图片

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

2024-02-27 20:10:02 248

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

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

HTML部分

JS部分

varcarousel_=$("#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实现移动端滑动切换图片，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！

返回顶部
3162201930
czq8825@qq.com

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

热门推荐

随机推荐