javascript - jQueryによるフェードイン、フェードアウトループ

Question

私はimgを持っています。例えば

imgのループでいくつかのアイテムをフェードアウト、フェードインしたい。jQueryは可能ですか？

Answer 1

既存の画像の上に追加の画像を追加して、それらをフェードインおよびフェードアウトする必要があります。コードは次のようになります。

    <img src='firstStar.jpg' alt='star image' id='firstStar' />

    var loopImages = function(){

         $('#firstStar').fadeIn(1500, function(){

                   $('#firstStar').fadeOut(1500, loopImages);           
         });
    }
    loopImages();

他のオプションは、画像の上に透明な div を配置し、それらをループでぼかします。後者のアプローチでは、blurjs ライブラリを使用できます。

Answer 2

「いくつかのアイテム」で画像自体のいくつかのアイテムを参照する場合、答えはノーです。ただし、この画像を div の背景として使用する場合は、画像自体に他の要素を表示することができます ( divs またはimgs を追加し、それに応じて配置することにより)。これは、jQuery によるフェードイン フェードアウトになります。