我希望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是该网站。我暂时关闭了开始回调 - 让第一张幻灯片淡入淡出是一个较小的邪恶,但它并不理想。
答案 0 :(得分:4)
设置{fadeFirstSlide:false}
似乎他们忘了记录它
答案 1 :(得分:0)
事实证明,这是导致Flexslider在Windows 8上不淡化IE的问题(参见https://github.com/woothemes/FlexSlider/issues/1043)。
作为一种解决方法,我按照Github上的帖子中的建议设置了touch: false
。这使得转换工作在设备上。
现在按预期工作,第一张幻灯片没有褪色。