Skip to content

gu18168/Slider.js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Slider.js

a universal slider(or called carousel) component

一个通用的轮播图(或走马灯)组件

更新中...

  • bg标题显示
  • bg 增强
  • 凸显模式增加
  • btn显示模式增加
  • 自定义template

配置说明

你只需要下载组件,并将文件复制到你的项目中,注意 html 文件中 <body> 标签内的内容都是必须的,并配置相应的参数到 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 ,分别用于单张,三张与五张轮播的情况,仅作示范作用。

About

a universal slider(or called carousel) component

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published