【发布时间】:2021-07-02 13:55:32
【问题描述】:
我正在寻找一个纯 JS - 滑块,它允许我显示一个轮播,其中所有幻灯片都可以顺利移动而没有中间停止。以下功能很重要:
- 自动播放
- 支持拖动、滑动、响应
- 不依赖 jQuery
- 无限循环
- 下一个/之前
- 轻量级文件大小
我想让它感觉像一个选框,它应该在悬停时暂停,单击前进或后退时直接执行相应的动作,悬停后再次继续。
这里有人可以给我推荐一个合适的滑块吗?
【问题讨论】:
-
https://swiperjs.com/ 将
freeMode设置为true。几乎每个滑块都有滚动而不捕捉的设置 -
你可以用纯 CSS 做到这一点...花点时间在 youtube 上,你会发现很多纯 CSS 示例和符合你标准的轮播上的香草 JS 教程
-
@Greg-- Swiper.js 看起来不错,但它真的很重...... 136kb,只是 js,gzip 压缩。我正在寻找一个轻量级的。
标签: javascript slider carousel