Jquery FlexSlider连续运动(关闭缓动看起来像滚动自动收报机)

时间:2012-08-01 06:45:46

标签: jquery easing flexslider

我刚从JQuery Cycle转移到FlexSlider插件,并且真的很难让以下部分工作:

  1. 我在列表项中有多个图像,这些图像一起显示为一个大图像。我想关闭缓和,以便它以相同的速度不断向水平滚动。

  2. 连续默认动画会移动缓慢,但有上一个/下一个箭头,我希望动画加速并在你点击它时转到下一个列表项,这可能吗?!

  3. 我希望滚动可以在悬停时暂停中间动画。如果您使用“pauseOnHover”选项,它会等到滚动到下一张幻灯片后才会暂停。

  4. 如果有人能帮我解决上述任何问题,我们将非常感激。这是我的代码

    $('.flexslider').flexslider({
        animation:'slide',             
        easing:'linear',
        controlNav: false,
        useCCS:false,
        animationSpeed: Modernizr.touch ? 400 : 10000,
        pauseOnHover: true,
        slideshowSpeed:1000,
        animationSpeed:10000,
    });
    

    我的HTML基本上就是你在插件示例中看到的 - 我没有调整任何东西。

    再一次,非常感谢任何帮助!

1 个答案:

答案 0 :(得分:6)

我想出了如何连续滚动我所做的是设置slideshowSpeed: 1animationSpeed: 4000

$('.flexslider').flexslider({
    animation: "slide",
    animationLoop: true,
    easing: "linear",
    useCSS: false,
    slideshowSpeed: 1,
    animationSpeed: 4000,
    controlNav: false,
    directionNav: false
});

希望它有所帮助!