4

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

  1. 我在列表项中有多个图像，它们连接起来显示为一个大图像。我想关闭缓动，以便它以相同的速度不断水平滚动。

  2. 连续的默认动画会移动得很慢，但是有上一个/下一个箭头，我希望动画加速并在您单击它时转到下一个列表项，这可能吗？！

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

如果有人可以帮助我解决上述任何问题，我将不胜感激。这是我的代码

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

我的 HTML 基本上就是您在插件示例中看到的内容 - 我没有进行任何调整。

再一次，非常感谢任何帮助！

4

1 回答 1

6

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

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

希望能帮助到你！

于 2013-03-16T00:44:29.550 回答