基于swiper产品列表轮播滑块插件

所属分类:媒体-幻灯片和轮播图,滑块和旋转

 24684  263  查看评论 (8)
分享到微信朋友圈
X
基于swiper产品列表轮播滑块插件 ie兼容10
相关插件-幻灯片和轮播图,滑块和旋转

jQuery带有导航效果的图片轮播

代码简单易懂,易修改的图片轮播效果底部附带导航效果
  幻灯片和轮播图
 35075  330

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

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

单击图片切换轮播效果

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

swiper横向轮播

swiper横向轮播,简单好用
  幻灯片和轮播图
 84574  571

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

    narofufor 0
    2023/2/22 10:01:38
    Rock?石头 0
    2021/4/5 18:19:46
    不是响应式的。应该在JS加一个判断。如何是小于768变成单个显示。如果是大于768就按指定显示
        远在天边ぃ0
        2021/9/1 10:02:57
        同样想知道怎么加呢
    回复
    黑节雨叶 0
    2020/7/25 10:13:06
    作者你好,如何调整插件的滚动时间和禁止他自动滚动呢 回复
    ° 本小豪 0
    2019/9/9 13:12:27
    如何可以改为两行轮动 回复
    pflry2000 0
    2019/8/15 9:35:14
    刹那永恒 0
    2019/7/29 17:18:29
    如果产品不足12个怎么办
        西瓜1
        2019/7/29 17:31:08

        style.css中,第93行

        width: calc((100% - 60px)/ 4);

        当前一次4个,可根据需求修改,如改为一次2个

        width: calc((100% - 60px)/ 2);

        同时调整html中的

        <div class="swiper-slide">
            <a>...</a>
          <a>...</a>
          ...
        </div>

        的个数即可。

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