Flexslider仅显示最后一张幻灯片,直到它循环显示所有幻灯片,但仅显示淡入淡出动画

时间:2012-12-14 21:14:38

标签: flexslider

这个让我难过。我已经多次使用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来反映这一点。 [叹息]

感谢您的光临。

2 个答案:

答案 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。