基于zepto的滑动组件。
slide演示：demo
slide全屏演示：demo
- 首先引入插件的样式文件
zepto.slide.min.css
<link rel="stylesheet" href="zepto.slide.min.css">- 然后再引入
zepto.min.js和zepto.slide.min.js（这些文件包含在demo目录）
<script src="zepto.min.js"></script>
<script src="zepto.imgupload.min.js"></script>- 最后，在页面里相应的元素添加方法。 相关示例代码：
<div class="slide" id="slide01"></div>
<script>
$('.slide#slide01').slide();
</script>当用户需要自定义输入时，可以将一个对象作为参数传递给 slide 方法，该参数对象可配置以下选项。默认情况下，它们的取值如下：
| 参数 | 描述 | 默认值 | 格式 |
|---|---|---|---|
| mode | 轮播模式，默认水平方向轮播 | "dir-left-right" | String，还可以是 "fade-in-out" |
| dirType | 方向（水平或垂直）轮播类型，只针对 "dir-left-right" 模式 | "horizontal" | String，还可以是 "vertical" |
| loop | 是否循环切换 | false | Boolean，还可以是 true |
| index | slide 初始化后指定哪一屏先显示 | 1 | Number |
| autoplay | 是否自动轮播 | true | Boolean |
| interval | 每屏轮播间隔时间 | 3000（毫秒） | Number |
| animateTime | 每屏切换所需时间 | 500（毫秒） | Number |
| switchTriggerRange | 触发换屏所需的拖动距离比例 | 0.3 | Number |
| indicator | 是否显示圆点 | true | Boolean |
| action | 是否需要箭头控制 | false | Boolean |
| dragAttach | 轮播图是否随鼠标（手指）拖动时被吸附 | true | Boolean |
| slideW | slide 宽度 | 父级容器宽度 | Number |
| slideH | slide 高度 | 当 slide 包含图片时，以第一张图的高度为基准。 当 slide 不包含图片时，以内容最多的屏的高度为基准 | Number |
| bgColor | 每屏的背景色。当使用默认背景色，且轮播张数多余默认背景色数时，则循环设置背景色 | ['rgba(0, 0, 0, 0.5)', 'rgba(153, 0, 0, 0.5)', 'rgba(51, 153, 0, 0.5)'] | Array |
| data | slide每屏所需数据 | 3屏，html内容（见demo） | Array |
| callback | 每屏切换后，触发的回调函数。它包含了一个参数，为当前屏的索引值 | 空函数 | Function |