1

私はしばらくこれに苦労してきました。クライアントは、自分のサイトの上部にバナーをフェードインさせたいと考えています (私は彼に、それは見栄えが悪いと言いました)。onLoad で 1 つのバナーをフェードさせることができました。これは素晴らしいことです。しかし、彼はそれを段階的にロードしたいと考えています。

たとえば、サイトの名前が「Apples & Pears」であるとします。彼は、「Apples」がフェード インし、「&」、最後に「Pears」が続くことを望んでいます。これは実際に可能ですか？伝統的にはアニメーション GIF を作成したり、Flash で何かを行ったりしていましたが、最近ではこれらは禁止されていますよね?

したがって、これらすべての画像を onLoad でフェードインすることができますが、「これが完全にフェードインしたら、次の画像を開始する」という方法はありますか?

私の質問がぎこちない場合は申し訳ありませんが、私の言いたいことはわかると思います!

どんな助けでも非常に感謝しています！

4

2 に答える 2

2

jsBin デモ

あなたの HTML:

  <div class="banner">
    <img src="" alt="Apples" />
    <img src="" alt="and" />
    <img src="" alt="Pears" />
  </div>

CSS:

.banner img{
   display:none;
   position:absolute;
}

jQuery:

$('.banner img').each(function( i ){
  $(this).delay(1000*i).fadeTo(1000,1);
});

..コールバックi内で.each()各画像のインデックスを返す場所 ( 0, 1, 2)

于 2012-08-18T13:34:49.887 に答える
0

画像を互いに積み重ねて.fadeIn( [duration] [, callback] ) Returns: jQueryから、一番上の画像で関数を使用し、実行時に2番目の画像にフェードインするコールバック関数を指定できます。

于 2012-08-18T13:11:14.387 に答える