更新时间:2017/9/22 下午4:50:53
更新说明:修改连续点击出现的问题,感谢网友ヅ羽ぷ寒灬提供的解决方案
简单除暴:基本参数
$('#slider').Slider({
isAuto: true,// 自动播放
transTime: 3000,// 自动播放间隔
animateSpeed: 1000,// 动画速度
sliderMode: 'slide',// 类型//'slide | fade'
pointerControl: true,// 指示器开关
pointerEvent: 'click',// 指示器类型//'hover' | 'click'
arrowControl: true,// 左右控制
});
$slider.on('click', '.slider-pointer > li', function(event) {
if (currentIndex != $(this).index()) {
sliderFun.sliderPlay($(this).index())
}
})
if (index > currentIndex) {
$sliderWrap.animate({
left: '-=' + Math.abs(index - currentIndex) * sliderWidth + 'px'
}, settings.animateSpeed, function() {
sliderFun.stop();
isAnimating = false;
sliderFun.autoPlay()
})已经处理两个动画叠加问题
回复