UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

基于swipe全屏轮播图支持手势切换

所属分类：媒体-幻灯片和轮播图

 26358  296  查看评论 (24)
分享到微信朋友圈
X
基于swipe全屏轮播图支持手势切换 ie兼容10
 查看演示  立即下载

swipe的一些基本参数用法

autoplay: 3000, //自动3秒切换一次，不想自动切换改为false

speed: 500,      //滚动速速

slidesPerView: 3, //当前选中

prevButton: '.swiper-button-prev', // 左右切换

nextButton: '.swiper-button-next', // 左右切换

相关插件-幻灯片和轮播图
查看更多

好玩的蹦床效果轮播图

 一个有趣的内容导航效果，使用可拖动的弹性堆栈和Snap.svg动画像蹦床一样的背景形状。
  幻灯片和轮播图
 24716  360

3D轮播幻灯片

 支持多种3D轮播切换特效
  幻灯片和轮播图
 49797  656

swiper横向轮播

 swiper横向轮播，简单好用
  幻灯片和轮播图
 86863  573

jQuery游戏人物轮播切换效果

 jQuery游戏人物轮播切换效果，基于slick幻灯片插件制作的一款背景图片切换效果。
  幻灯片和轮播图
 32712  416

讨论这个项目（24）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    ???????? 0
    2024/9/12 14:23:52
    谷歌和360浏览器极速模板一直无法正常显示，只显示5张小图，在左边并排，请问怎么处理 回复
    邵展鹏 0
    2022/10/24 18:14:19
    盒子之间的间隔怎么调小一些
        爱妃接旨！0
        2024/2/4 20:24:51
        不知道
        L0
        2024/9/28 9:13:37
        😥
        L0
        2024/9/28 9:13:39
        😥
    回复
    清清水水 0
    2022/3/18 17:18:22
    ie9出错，不支持 回复
    探戈狼 0
    2022/1/2 10:49:24
    我想一个页面用两次 但是就没有效果出来了 要怎么解决？？
        @-1
        2022/10/28 16:36:10

        observer: true, //修改swiper自己或子元素时，自动初始化swiper
        observeParents: true, //修改swiper的父元素时，自动初始化swiper

    回复
    ?? HUI。 0
    2021/5/6 18:14:22
    加了一个swiper-slide，有bug，到最后一个的时候，切换会往前滑动至第一个，正常应该是继续向下切换。求解？？ 回复
    人间怪物 0
    2020/11/24 14:29:58
    怎么把全屏效果变成1200以内的啊？在线求解
        ji8119750
        2020/12/5 14:25:56
        修改宽度
        。0
        2021/2/22 8:13:42
        设置固定区域
    回复
    宇→过天琴╀ 0
    2020/7/24 9:35:19
    插件有问题，一个页面用两次就有问题 回复
    websjy 0
    2020/4/22 21:35:27
    这个页面在火狐浏览器中不兼容，显示有问题，希望站长处理一下：http://www.jq22.com/demo/jqueryswiperlbt201909192141/ 我花钱下载的，却用不了
        areyouOk0
        2020/4/22 23:51:44
        这里刚火狐测试没有问题，显示也是正常的。火狐75.0 (64 位）
    回复
    ＆午夜狂刀 0
    2020/2/18 11:50:15
    好像有个小BUG，手动切换轮播图后，不自动切换了~
        时光清浅0
        2020/3/17 10:44:41
        对，我也发现了
        清清水水1
        2022/3/9 9:17:59
        设置autoplayDisableOnInteraction(自动播放禁用交互): false,
    回复
    二二 0
    2019/10/18 12:55:20
    请问动态加载图片的时候出现了问题 几个图片挤在一个内容中
        areyouOk0
        2019/10/18 14:07:32
        动态加载力图片后，要在加载一下插件。
        阿冰啦_0
        2024/7/30 17:50:11
        设置autoplayDisableOnInteraction(自动播放禁用交互): false,
    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复