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

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

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

swipe的一些基本参数用法

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

speed: 500,      //滚动速速

slidesPerView: 3, //当前选中

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

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

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

游戏网站轮播焦点图插件

仿flash下滑切换js焦点图
  幻灯片和轮播图
 28282  368

带各种百叶窗过渡效果的jQuery幻灯片插件

osSlider是一款简单实用的带各种百叶窗过渡效果的jQuery幻灯片插件。该幻灯片插件在slide过渡时随机生成各种百叶窗效果,它使用简单,通过简单的设置即可正常工作。
  幻灯片和轮播图
 35152  398

jquery实现图片浏览类似qq空间图片查看

利用layer.min.js插件进行实现
  幻灯片和轮播图
 37724  351

jQuery实现弹性TN3相册代码

jQuery实现弹性TN3相册代码
  幻灯片和轮播图
 35951  332

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