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

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

 35840  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
});
相关插件-幻灯片和轮播图

仿今日头条滚动轮播banner图(原创)

今日头条PC端首页滚动轮播图效果
  幻灯片和轮播图
 28987  324

全屏无缝滚动加透明遮罩效果

全屏滚动JS 带有遮罩效果
  幻灯片和轮播图
 35588  413

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

基于swiper的全屏轮播图,自适应网页大小,支持移动端触屏切换
  幻灯片和轮播图
 25093  295

jQuery带缩略图按钮的图片左右滑动切换焦点图代码

jQuery带缩略图按钮的图片左右滑动切换焦点图代码
  幻灯片和轮播图
 37023  358

讨论这个项目(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

        估计是加载原因

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