jquery - 互いの上にテキストのレイヤーをロードするjQuery

Question

過去に十数回行ったように、jQuery Tools のスライドショーを使用しました。ただし、この現在のプロジェクトでは、スライドショーは各スライドからすべてのテキストを一度に読み込み、回転が始まる前に表示しています。基本的に、回転の 1 ～ 2 秒前に、レイヤーとテキストのレイヤーが重なり合って表示されます...視覚的に非常に魅力的ではありません。これを防ぐ方法を知っている人はいますか？サイト参照はwww.AmyLayneLitzelman.comです。よろしくお願いします。

Answer 1

HTML ページを見ると、スライドの画像とテキストをラップする DIV に .class が割り当てられていません。したがって、フェード効果を .slide-image と .slide-txt-blk に適用すると推測されます。

子要素を 1 つずつフェードするのではなく、ラップ DIV を .fadeIn()/.fadeOut() したい場合があります。

私が話しているDIVの位置：

<!-- slide -->
<div class="this_one">
  <img class="slide-image" />
  <div class="slide-txt-blk" />
</div>

子要素の代わりに .this_one を使用してフェード効果を制御します。

スライドを実行するコードを提供してください。そのため、詳細を調べることができます。そして、必要に応じて回答を確認しようとします。