支持移动端的响应式的轮播图

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

 36951  355  查看评论 (7)
分享到微信朋友圈
X
支持移动端的响应式的轮播图 ie兼容8

注:该插件支持IE8,但css中使用了css3的功能,所以在IE8中缩小到768px以后不会有其他浏览器的效果,但不影响使用

$(".js-silder").silder({
    auto: true, //自动播放,传入任何可以转化为true的值都会自动轮播
    speed: 20, //轮播图运动速度
    sideCtrl: true, //是否需要侧边控制按钮
    bottomCtrl: true, //是否需要底部控制按钮
    defaultView: 0, //默认显示的索引
    interval: 3000, //自动轮播的时间,以毫秒为单位,默认3000毫秒
    activeClass: "active", //小的控制按钮激活的样式,不包括作用两边,默认active
});
相关插件-幻灯片和轮播图

支持手机触摸滑动图片轮播

支持手机触摸滑动图片幻灯片轮播切换代码
  幻灯片和轮播图
 82899  930

jQuery简单的轮播图

用最简单的最少量的代码完成轮播任务,无缝,无限循环,自适应窗口大小
  幻灯片和轮播图
 49215  363

单击图片切换轮播效果

纯CSS样式,单机第一张图片切换下一张,实现图片切换轮播效果.
  幻灯片和轮播图
 29356  300

带缩略图轮播效果(全屏切换)

点击缩略图或点击缩略图左右按钮进行切换
  幻灯片和轮播图
 51468  432

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

    Null 0
    2019/1/16 10:25:58
    第一次图片都加载不出来。是否已经解决 回复
    :) 0
    2017/11/20 15:11:54

    第一次加载出来图

    回复
    藤设计 0
    2017/9/18 10:59:27

    这个不好用,致命的刷新加载不出来,要再刷一次。。。

    回复
    yolo_y 0
    2017/9/14 15:11:16
    总要刷新再加载出来 致命伤
        xta fnhc tewq0
        2017/9/23 19:18:44

        好的,感谢您的反馈。我会改进的

    回复
    xinging 0
    2017/7/20 16:08:39
    放在网页上面的话就会没加载出来,要再刷新一次再显示出来的,请问这是怎么回事
        xta fnhc tewq0
        2017/7/21 12:26:36

        估计是加载原因

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复