图片切换效果
图片切换效果包括 切换时间、切换周期、切换特效 等。
设置图片切换效果
下面是设置切换效果的相关参数：
| 参数名称 | 默认值 | 数据类型 | 描述 |
|---|---|---|---|
| autoScroll | true | Boolean | 图片切换器是否自动切换，默认开启 |
| scrollTime | 500 | Int | 切换时间，默认 0.5s |
| scrollLife | 3500 | Int | 切换周期，默认 3.5s |
| scrollEase | "" | String | 切换效果，我们内嵌了 jQuery 缓动特效，具体有 easeInQuad、easeOutQuad、easeInOutQuad、easeInCubic、easeOutCubic、easeInOutCubic、easeInQuart、easeOutQuart、easeInOutQuart、easeInQuint、easeOutQuint、easeInOutQuint、easeInSine、easeOutSine、easeInOutSine、easeInExpo、easeOutExpo、easeInOutExpo、easeInCirc、easeOutCirc、easeInOutCirc、easeInElastic、easeOutElastic、easeInOutElastic、easeInBack、easeOutBack、easeInOutBack、easeInBounce、easeOutBounce、easeInOutBounce |
我们制作了几个 demo 帮助开发者了解图片切换指示器（提示，demo 的 HTML 请参照简单案例）。
1. 禁用图片自动切换
js code
$(document).ready(function(){
$(".demo1").hhscroll({width:,height:,autoScroll:false});
});
2. 图片慢速切换
js code
$(document).ready(function(){
$(".demo2").hhscroll({width:,height:,scrollTime:1000,scrollLife:5000});
});
3. 图片切换特效
js code
$(document).ready(function(){
$(".eff01").hhscroll({width:,height:,scrollEase:"easeOutElastic"});
$(".eff02").hhscroll({width:,height:,scrollEase:"easeOutBounce"});
});