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

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

 25399  295  查看评论 (19)
分享到微信朋友圈
X
基于swipe全屏轮播图支持手势切换 ie兼容10

swipe的一些基本参数用法

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

speed: 500,      //滚动速速

slidesPerView: 3, //当前选中

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

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

相关插件-幻灯片和轮播图

jQuery轮播图/内容滑块插件Quake Slider

jQuery轮播图插件Quake Slider提供了24种过渡效果。
  幻灯片和轮播图
 32912  408

简单实用的全屏轮播

有多重选项,配置迅速,十分实用
  幻灯片和轮播图
 44401  382

jquery超炫3D自动旋转点击图片轮播图片切换焦点图

jquery超炫3D自动旋转点击图片轮播图片切换焦点图
  幻灯片和轮播图
 85560  603

HTML5 svg全屏图片切换遮罩动画

svg全屏图片切换遮罩动画
  幻灯片和轮播图
 36604  365

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

    邵展鹏 0
    2022/10/24 18:14:19
    盒子之间的间隔怎么调小一些
        爱妃接旨!0
        2024/2/4 20:24:51
        不知道
    回复
    清清水水 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
        动态加载力图片后,要在加载一下插件。
    回复
    718071161 0
    2019/10/14 1:36:46
    谢谢分享
        erick0
        2019/10/16 14:08:15
        这帮
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复