carrousel

carrousel

旋转木马式的翻页浏览器

最新版本

0.2.5

依赖库

• lib-gesture
• lib-cubicbezier
• lib-animation

完整引用举例：

<script src="http://g.tbcdn.cn/mtb/ctrl-carrousel/{{version}}/??combo.js,carrousel_css.js,carrousel.js"></script>

用Grunt打包

运行 npm install，来安装所需的依赖模块。关于NPM的知识，请参见nodejs;

运行 grunt，来对项目进行打包。关于Grunt的知识，请参见gruntjs;

如何使用

初始化

var Carrousel = ctrl.carrousel;
var instance = new Carrousel(element, {
    autoplay: true, // 自动播放
    useGesture: true // 可用手势操作
});

传入的元素可以是一个ul。

标准初始化参数

autoplay

自动播放

useGesture

可用手势操作

接口

addEventListener(eventName, eventHandler, useCapture)

添加事件

参数

• [String eventName] 事件名
• [Function eventHandler] 事件句柄
• [Bollean useCapture] 是否捕获

removeEventListener(eventName, eventHandler)

移除事件

参数

• [String eventName] 事件名
• [Function eventHandler] 事件句柄

play()

开始播放

stop()

停止播放

属性

[Object items] 项目集合

- [Object length] 项目的数量
- [Object index] 当前激活项目的索引（从0开始）
- add([String html]) 增加一个项目
- get([Number index]) 获取指定索引位置的项目
- next() 定位到下一个项目
- prev() 定位到上一个项目
- slide() 定位到指定项目

[Nunmber playInterval] 自动播放的间隔时间，默认是1500ms

[Boolean autoplay] 是否自动播放

事件

change

项目改变时触发

APIs

changelog