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

【问题标题】：Flexslider - Prevent first slide from fading inFlexslider - 防止第一张幻灯片淡入
【发布时间】：2016-03-05 03:10:44
【问题描述】：

我想要一个 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 是网站。我现在关闭了开始回调 - 让第一张幻灯片淡入是较小的邪恶，但它并不理想。

【问题讨论】：

标签： flexslider

【解决方案1】：

只需设置 {fadeFirstSlide: false}

他们好像忘记记录了

【讨论】：

【解决方案2】：

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

作为一种解决方法，我按照 Github 上的帖子中的建议设置了 touch: false。这使得过渡可以在设备上运行。

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

【讨论】：