looper.jsを使用して、div (例)内のさまざまな単語や画像をループしようとしています。
クロスフェード アニメーション オプション ( ) を使用する場合を除いて、すべて正常に動作しているようですclass="xfade"。
コンテンツはアニメーション中にのみ表示され、それ以外の場合は表示されません。
これは、でコメントアウトすることで修正さposition: relativeれ.looper .looper-innerます。
.looper .looper-inner {
overflow: hidden;
width: 100%;
height: auto;
/*position: relative;*/
z-index: 2;
}
しかし、モバイルでのレスポンシブレイアウトが台無しになるため、これは受け入れられる解決策ではありません。
デフォルトの公式の例を使用しているので、それは私の側の間違いに違いないと思います...
デモ: jsfiddle
ご協力ありがとうございました。