这个让我难过。我已经多次使用Flexslider没有问题,但是现在我正在构建一个网站,它只是拒绝正常工作。
最后一张幻灯片会在加载时显示并保持可见状态,直到它循环显示所有这些幻灯片,此时内容将开始正常工作。
我已经尝试了各种各样的事情,减少了它,但似乎无法弄明白。唯一改变这种行为的是如果我将动画更改为幻灯片而不是淡入淡出。但我绝对想要褪色。我肯定想弄清楚为什么会这样。
似乎它可能是一个CSS问题,但我无法找到它。
以下是我的工作内容: http://www.coppercityinn.com.php53-4.dfw1-2.websitetestlink.com/
修改
我制作了几个超级简化的测试用例,只有基本的HTML,Flexslider CSS / JS和jQuery被加载,没有别的,并且bug仍然存在。
使用淡入淡出动画,有错误: http://www.coppercityinn.com.php53-4.dfw1-2.websitetestlink.com/wp-content/themes/coppercity/test-fade.html
编辑2
我是个白痴。我从" flexslider"更改了容器的类名。 to" hero",但没有更新flexslider.css来反映这一点。 [叹息]感谢您的光临。
答案 0 :(得分:13)
user1910673做对了!
以下CSS ..
.slides li {display:none}
..解决了我的褪色问题!
我希望我可以投票,但没有15点声誉。
答案 1 :(得分:5)
我有这个问题,但这与我的CSS无关。我发现这篇文章很有帮助:
http://processwire.com/talk/topic/2283-solving-the-annoying-flexslider-fade-delay/
它表示将“slideToStart”设置为上一张幻灯片。即。如果你有7个幻灯片,那么在6开始。这解决了我的问题。
这不是一个理想的修复,但它适用于我的目的。
编辑:
抱歉,更好的解决方法是确保我的幻灯片显示:无
然后你开始使用什么幻灯片并不重要。
事实证明这是我的CSS。