buff全开,支持手机端滑动
去除无缝滚动效果
去除控制面板按钮
去除拖拽效果
去除两边按钮
去除自动轮播
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
id | String | '' | 容器id值,必须有 |
dots | boolean | false | 是否显示面板指示点,默认不显示 |
dotColor | String | 'rgba(0,0,0,0.3)' | 指示点颜色,默认透明灰 |
activeColor | String | '#fff' | 当前选中的指示点颜色,默认黑 |
autoplay | boolean | false | 是否自动轮播,默认否 |
circular | boolean | false | 是否采用衔接滑动,默认否 |
holding | boolean | false | 是否在鼠标滑过时清除自动轮播,默认否 |
touchMove | boolean | false | 是否开启拖拽,默认否 |
siderBar | boolean | false | 是否添加左右切换按钮 |
interval | int | 5000 | 轮播时间间隔,默认5000ms |
siderBar | int | 500 | 图片滑动时间,默认500ms |
1、首先创建html结构,给容器id(必须),给每一个轮播元素添加class= "along-cf"(必须)
2、引入along.cf.wx-2.0.1.js文件
3、var along1 = new Alongcf(options);
4、along1.init();