Flexslider - 防止第一张幻灯片褪色

时间:2015-04-01 19:02:34

标签: flexslider

我希望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是该网站。我暂时关闭了开始回调 - 让第一张幻灯片淡入淡出是一个较小的邪恶,但它并不理想。

2 个答案:

答案 0 :(得分:4)

设置{fadeFirstSlide:false}

似乎他们忘了记录它

答案 1 :(得分:0)

事实证明,这是导致Flexslider在Windows 8上不淡化IE的问题(参见https://github.com/woothemes/FlexSlider/issues/1043)。

作为一种解决方法,我按照Github上的帖子中的建议设置了touch: false。这使得转换工作在设备上。

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