我刚从JQuery Cycle转移到FlexSlider插件,并且真的很难让以下部分工作:
我在列表项中有多个图像,这些图像一起显示为一个大图像。我想关闭缓和,以便它以相同的速度不断向水平滚动。
连续默认动画会移动缓慢,但有上一个/下一个箭头,我希望动画加速并在你点击它时转到下一个列表项,这可能吗?!
我希望滚动可以在悬停时暂停中间动画。如果您使用“pauseOnHover”选项,它会等到滚动到下一张幻灯片后才会暂停。
如果有人能帮我解决上述任何问题,我们将非常感激。这是我的代码
$('.flexslider').flexslider({
animation:'slide',
easing:'linear',
controlNav: false,
useCCS:false,
animationSpeed: Modernizr.touch ? 400 : 10000,
pauseOnHover: true,
slideshowSpeed:1000,
animationSpeed:10000,
});
我的HTML基本上就是你在插件示例中看到的 - 我没有调整任何东西。
再一次,非常感谢任何帮助!
答案 0 :(得分:6)
我想出了如何连续滚动我所做的是设置slideshowSpeed: 1
和animationSpeed: 4000
$('.flexslider').flexslider({
animation: "slide",
animationLoop: true,
easing: "linear",
useCSS: false,
slideshowSpeed: 1,
animationSpeed: 4000,
controlNav: false,
directionNav: false
});
希望它有所帮助!