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

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

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

swipe的一些基本参数用法

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

speed: 500,      //滚动速速

slidesPerView: 3, //当前选中

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

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

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

超棒的响应式幻灯jQuery插件 - refineslide

今天我们介绍的这个幻灯插件能够帮助我们使用响应式的方式展示图片幻灯,最重要的在于它支持很多超棒的CSS3幻灯过渡效果,能够帮助你创建超酷的幻灯效果。
  幻灯片和轮播图
 23367  355

jquery左右全屏渐变切换焦点图特效

全屏渐变切换焦点图特效
  幻灯片和轮播图
 30808  346

jQuery制作手机网页图片滚动切换支持拖动功能焦点图特效

jQuery制作手机网页图片滚动切换支持拖动功能焦点图特效
  幻灯片和轮播图
 40253  330

jQuery左右全屏弹性切换焦点图特效

jQuery左右全屏弹性切换焦点图特效
  幻灯片和轮播图
 29580  397

讨论这个项目(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
        这帮
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复