Question

我在Wordpress构建的网站上遇到过flexslider的问题。基本上，当页面加载并且sldier加载时，一瞬间出现大的蓝色闪光然后消失。您可以在以下链接中看到它：

我猜测jquery没有被正确调用，或者在正确的时间被调用。但我可能是错的。

帮助或输入将是一个很大的帮助！谢谢！

Answer 1

如果在页面加载后使用淡入淡出动画启动FlexSlider，当图像可见时，FlexSlider会将第一张图像上的不透明度设置为0，然后将其淡入。这将导致“闪烁”，这非常难看。

一种可能的解决方案，不涉及任何javascript黑客攻击。

在flexslider容器上添加.loading类，例如<div class="flexslider loading">。



通过添加：

配置flex init脚本

start: function(slider) { slider.removeClass('loading');  }

将此添加到您的CSS：

.flexslider.loading .slides > li:first-child { opacity: 1 !important; }