Flexslider

Question

我想要一个 flexslider 来显示第一张图片而不褪色。我找到了这段代码

        $('.mySlider').flexslider({
        slideshowSpeed: 1000,
        animationSpeed: 0,
        start: function (slider) {
            slider.stop();
            slider.vars.slideshowSpeed = 6000;
            slider.vars.animationSpeed = 3500;
            slider.play();
        }
    });

我必须将 slideshowSpeed 设置得足够大，这样整个幻灯片放映才不会在速度改变之前嘎嘎作响。我先将动画速度设置为 0，然后设置为某个有限值。原则上，这适用于所有浏览器，但不适用于移动设备。不是 Android，不是 iPad，甚至是 Chrome 中的设备模拟器。如果我在我的回调函数中放置一个断点，它会被击中并且幻灯片放映速度会按预期更改，但动画速度不会。它保持为 0，或者我最初设置的任何其他值。

所以我的问题有两个：主要目标是防止第一张幻灯片褪色。如果这可以通过另一种方式完成，没有事件回调，那么我就不需要解决移动浏览器问题。如果没有，我想知道如何在移动浏览器上更改动画速度。

This 是网站。我暂时关闭了开始回调 - 让第一张幻灯片淡入是较小的邪恶，但这并不理想。

Answer 1

事实证明，这与导致 Flexslider 在 Windows 8 上的 IE 中不淡出的问题相同（参见 https://github.com/woothemes/FlexSlider/issues/1043）。

作为解决方法，我按照 Github 上的 post 中的建议设置了 touch: false。这使得转换在设备上起作用。

它现在按预期工作，第一张幻灯片没有褪色。

Answer 2

只需设置{fadeFirstSlide: false}

他们好像忘了记录它

Flexslider - 防止第一张幻灯片淡入

Flexslider - Prevent first slide from fading in