弹性滑块问题 - 页面加载后几秒钟出现蓝色大闪光

Flexslider issue - large blue flash appearing seconds after page load

本文关键字：几秒 钟出现 蓝色 问题 加载      更新时间：2023-09-26

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

http://www.jacksonvilletreebarbers.com/

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

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

如果在页面加载后启动 FlexSlider 时图像可见，则 FlexSlider 会将第一个图像的不透明度设置为 0，然后将其淡入。这将导致非常丑陋的"闪烁"。

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

  1. 在弹性滑块容器上添加一个.loading类，例如 <div class="flexslider loading"> .

  2. 通过添加以下内容来配置 flex 初始化脚本：

start: function(slider) { slider.removeClass('loading');  }
  1. 将此添加到您的 CSS 中：
.flexslider.loading .slides > li:first-child { opacity: 1 !important; }

有关此问题的更多信息：https://github.com/woothemes/FlexSlider/issues/848

相关文章：