概述:SimpleSlider 可提供幻灯片及选项卡功能
| 配置选项 | 数据类型 | 说明 |
|---|---|---|
| trigger | string/bool {default:true} | 指定trigger对象,传入选择器则自动查找对象, 传入bool值则自动生成trigger对象 |
| [triggerClass] | string | trigger的class, 自动构建的trigger可能需要添加。可选参数 |
| triggerCurrentClass | string | trigger 选中项样式 |
| content | string/object | 显示的内容项 |
| [isAuto] | bool{default: true} | 是否自动执行 |
| [delay] | int{default: 0} | 操作延时 |
| [speed] | int{default: 300} | 执行动画的时间(毫秒) |
| [timeout] | int{default: 3000} | 间歇时间(毫秒) |
| [prev] | string | 上一张按钮 |
| [next] | string | 下一张按钮 |
| [defaultShow] | int{default: 1} | 默认显示第几项 |
| [direction] | string{default: "left"} | 移动方向 仅支持["left", "top", "none"] |
| [template] | string | 自动生成的trigger模版(模版使用说明见本页下方) |
| [bindEvent] | string{default: "mouseover"} | 对trigger绑定哪些事件 多个时间用空格隔开 |
| [ontrigger] | function | 切换前回调 |
| ontriggered | function | 切换后回调 |
SimpleSlider 默认trigger 模版及语法为:
根据模板生成HTML后,SimpleSlider 通过 simpleEvent="trigger" 找到DOM对象, simpleEvent="trigger" 必须保留
需重复的内容写在 <s:each> 内,{0} 会输出 1 - content.length 的数字