2016-05-18 5 views
-3

私はJavaScriptを初めて使用しています。<img>のは、フェードインとフェードアウトを使用して4つの画像のようなカップル画像のループ内で自動的に変更したいと思います。この<img>タグにはCSSクラスが含まれているため、JavaScriptを選択するのは簡単です。JavaScriptの変更画像src with fade out

HTML:

<img class="zawartosc_prawy_mac" src="prawy_1.png">

Javascriptを:

$(document).ready(setTimeout(function() { 

         $(".zawartosc_prawy_mac").each(function (i, e) { 
          $(this).attr("src", "prawy_2.png"); 
         }) 
        },5000)); 

私はそれを切り替える(ウラジミールDrenovskiのおかげで)作ると、このスイッチに遅延を追加するために管理が、私はどのように考えていますそれをループに組み込み、それをどのように出し入れするのかを説明します。あなたは簡単に次のコードを使用していることを達成するためのjQueryを使用することができます

+5

誰かがあなたのためにすべてのコーディングをしたいと思うように聞こえます。 –

+0

私はjavascriptに新しい私は言ったように、私はすべてのコードが欲しくない、私は誰かに私にそれを行う方法を表示するようにしたい –

+0

私は私のためにすべてのコーディングをしたいのですが、私はプラグインを使用するでしょう –

答えて

1

$(".images-to-change-class").each(function(i, e){ 
    $(this).attr("src","image-location"); 
}) 

.images-to-change-classは、画像を保持する複数の要素のクラス名を表します。 image-location represents srcをsrcに変更する必要がある値。

+0

それを使用するには、私はそれが私のために働いていると私はそれを正しく理解した場合教えてあげます:) –

+0

JSFiddleを行うことは良いことですので、私はさらにあなたを助けることができます –

+0

どこに私は遅延を追加するこのコードに?と私は毎回絵のすべての変更のためにそれを使用する必要がありますか? –

関連する問題