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

Question

这个让我难过.我已经多次使用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"更改为"hero",但没有更新flexslider.css以反映这一点.[叹]

谢谢你的期待.

Answer 1

user1910673做对了!

以下CSS ..

.slides li {display:none}

..固定我的褪色问题!

我希望我可以投票,但没有15点声望.

Answer 2

我有这个问题,但这与我的CSS没有关系.我发现这篇文章很有帮助:

http://processwire.com/talk/topic/2283-solving-the-annoying-flexslider-fade-delay/

它说要将"slideToStart"设置为上一张幻灯片.即.如果你有7个幻灯片,那么在6开始.这解决了我的问题.

它不是一个理想的修复,但它适用于我的目的.

编辑:

对不起,更好的解决方法是确保我的幻灯片显示:none

那么你开始的幻灯片并不重要.

原来这是我的CSS.