Javascript Flexslider问题-页面加载后几秒钟出现蓝色大闪光

Javascript Flexslider问题-页面加载后几秒钟出现蓝色大闪光,javascript,jquery,wordpress,slider,flexslider,Javascript,Jquery,Wordpress,Slider,Flexslider,我在Wordpress构建的网站上使用flexslider时遇到了一些问题。基本上,当页面加载且sldier加载时,会出现一个大的蓝色闪光,持续一秒钟,然后消失。您可以在下面的链接中看到它: 我猜jquery没有正确调用,或者在正确的时间调用。但我可能错了 而帮助或输入将是一个巨大的帮助!谢谢大家! 如果在页面加载后,当图像可见时,使用淡入动画启动FlexSlider,FlexSlider会将第一幅图像上的不透明度设置为0,然后淡入淡入。这将导致“闪烁”,这是相当丑陋的 一个可能的解决方案不涉

我在Wordpress构建的网站上使用flexslider时遇到了一些问题。基本上,当页面加载且sldier加载时,会出现一个大的蓝色闪光,持续一秒钟,然后消失。您可以在下面的链接中看到它:

我猜jquery没有正确调用,或者在正确的时间调用。但我可能错了

而帮助或输入将是一个巨大的帮助!谢谢大家!

如果在页面加载后,当图像可见时,使用淡入动画启动FlexSlider,FlexSlider会将第一幅图像上的不透明度设置为0,然后淡入淡入。这将导致“闪烁”,这是相当丑陋的

一个可能的解决方案不涉及任何javascript攻击

  • 在flexslider容器上添加一个
    .loading
    类,例如

  • 通过添加以下内容来配置flex init脚本:

  • 将此添加到CSS中:

  • 有关此问题的更多信息:

    感谢您的输入!然而,它并没有达到目的。我会继续调查它,并张贴我能找到的任何东西。
    start: function(slider) { slider.removeClass('loading');  }
    
    .flexslider.loading .slides > li:first-child { opacity: 1 !important; }