https://github.com/gu18168/slider.js
a universal slider(or called carousel) component
https://github.com/gu18168/slider.js
Last synced: 6 months ago
JSON representation
a universal slider(or called carousel) component
- Host: GitHub
- URL: https://github.com/gu18168/slider.js
- Owner: gu18168
- License: mit
- Created: 2017-11-12T01:42:25.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2017-11-27T07:42:38.000Z (almost 8 years ago)
- Last Synced: 2025-01-30T07:43:36.190Z (8 months ago)
- Language: JavaScript
- Size: 68.4 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Slider.js
a universal slider(or called carousel) component
一个通用的轮播图（或走马灯）组件
## 更新中...
* bg标题显示
* bg 增强
* 凸显模式增加
* btn显示模式增加
* 自定义template
## 配置说明
你只需要下载组件，并将文件复制到你的项目中，注意 `html` 文件中 `` 标签内的内容都是必须的，并配置相应的参数到 `config.json` 内即可使用该组件。
| 参数名 | 作用 |
| --------- | --------------------------------------- |
| bg | 轮播图的背景集，通过 `src` 属性引入相应的图片，日后增加属性以增强功能 |
| shownum | 一次展示的轮播图数量 |
| rate | 放大比例，默认由边至中等差放大轮播图以起到凸显作用，日后增加强调模式以增强功能 |
| autoplay | 是否自动轮播 |
| autotime | 自动轮播间隔时间 |
| indicator | 是否展示指示器 |
| btn | 是否展示按钮，默认以hover方式显示出按钮，日后增加点击模式以增强功能 |
| touchable | 是否支持移动端滑动 |
| deltaTime | 移动端滑动的间隔时间上限，若滑动时间超过上限将会弹回上一页而不是到下一页 |
| deltaX | 移动端滑动间隔，大于间隔才会跳转下一页 |
## 文件说明
若你想自己配置相应的样式文件，以下是各文件说明
### btn.css
按钮的 `css` 文件
### indicator.css
指示器的 `css` 文件
### slider.css
主 `css` 文件，上述的文件都在此文件中引入
### font.css
引入所需的字体文件
### t1/3/5.css
预置的展示 `css` ，分别用于单张，三张与五张轮播的情况，仅作示范作用。