flexslider - Flexslider は、すべてのスライドを循環するまで最後のスライドのみを表示しますが、フェードアニメーションのみを表示します

Question

これは私を困惑させました。Flexslider を何度も問題なく使用してきましたが、現在構築中のサイトでは正しく動作しません。

最後のスライドはロード時に表示され、すべてのスライドが循環するまで表示されたままになります。この時点で、正常に機能し始めます。

いろいろ試してみたのですが、減りませんでした。この動作を変更する唯一のことは、アニメーションをフェードではなくスライドに変更した場合です。でもどうしてもフェードしたい。そして、私は間違いなく、なぜこれが起こっているのかを理解したいと思っています.

CSSの問題のようですが、見つかりません。

編集：

基本的な HTML、Flexslider CSS/JS、および jQuery をロードするだけで、他に何も読み込まず、バグが持続する、非常に縮小されたテストケースをいくつか作成しました。

編集2

私はばかです。コンテナーのクラス名を「flexslider」から「hero」に変更しましたが、それを反映するように flexslider.css を更新しませんでした。[はぁ]

ご覧いただきありがとうございます。

score 13 · Accepted Answer

user1910673は正解です！

次のCSS。

.slides li {display:none}

..フェードの問題を修正しました！

賛成できればいいのですが、15の評判はありません。

score 5 · Accepted Answer

私はこの問題を抱えていましたが、CSS とは関係ありませんでした。この記事は役に立ちました：

「slideToStart」を最後のスライドに設定するように指示されています。すなわち。7 つのスライドがある場合は、6 から開始します。これで問題が解決しました。

これは理想的な修正ではありませんが、私の目的には適していました。

編集：

申し訳ありませんが、スライドに display:none があることを確認することで修正しました

そうすれば、どのスライドから始めるかは問題ではありません。

それが私のcssであることがわかりました。

flexslider - Flexslider は、すべてのスライドを循環するまで最後のスライドのみを表示しますが、フェード アニメーションのみを表示します