flexslider - Flexslider 仅显示最后一张幻灯片，直到它循环浏览所有幻灯片，但仅使用淡入淡出动画

Question

这个让我难住了。我已经多次使用 Flexslider 没有任何问题，但是对于我现在正在构建的网站，它只是拒绝正常工作。

最后一张幻灯片将在加载时显示并保持可见，直到它循环浏览所有幻灯片，此时一切将开始正常工作。

我已经尝试了各种各样的事情，减少了它，但似乎无法弄清楚。唯一改变这种行为的是如果我将动画更改为滑动而不是淡入淡出。但我绝对想要褪色。我绝对想弄清楚为什么会这样。

似乎它可能是一个 CSS 问题，但我找不到它。

编辑：

我做了几个超级精简的测试用例，只加载了基本的 HTML、Flexslider CSS/JS 和 jQuery，没有别的，而且 bug 仍然存在。

编辑 2

我是一个白痴。我将容器的类名从“flexslider”更改为“hero”，但没有更新 flexslider.css 以反映这一点。[叹]

感谢您的关注。

score 13 · Accepted Answer

user1910673 做对了！

以下CSS ..

.slides li {display:none}

..修复了我的褪色问题！

我希望我可以投票但没有 15 名声望。

score 5 · Accepted Answer

我遇到了这个问题，但这与我的 CSS 无关。我发现这篇文章很有帮助：

它说将“slideToStart”设置为您的最后一张幻灯片。IE。如果您有 7 张幻灯片，则从 6 开始。这解决了我的问题。

这不是一个理想的解决方案，但它适用于我的目的。

编辑：

抱歉，更好的解决方法是确保我的幻灯片有 display:none

然后，您从哪张幻灯片开始并不重要。

原来这是我的CSS。

2 回答 2