插件描述：左右轮播图简单易改
更新时间：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,// 左右控制
});
PREVIOUS:
NEXT:
相关插件-幻灯片和轮播图
带各种百叶窗过渡效果的jQuery幻灯片插件
osSlider是一款简单实用的带各种百叶窗过渡效果的jQuery幻灯片插件。该幻灯片插件在slide过渡时随机生成各种百叶窗效果，它使用简单，通过简单的设置即可正常工作。
幻灯片和轮播图
讨论这个项目（26）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
ヅ羽ぷ寒灬 3
2017/9/22 16:33:22
$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()
})已经处理两个动画叠加问题
回复
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
