2016-05-18 167 views
-3

我是JavaScript新手,我想自動更改一個<img><img>一對夫婦圖像的循環中使用淡入和淡出的4個圖像。這<img>標籤有CSS類,所以它很容易用JavaScript來選擇它。Javascript更改圖像src與淡出和在

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),並延遲到這個開關,但我不知道如何讓它進入循環,以及如何緩和進出。

+5

聽起來像你想要別人爲你做所有的編碼。 –

+0

就像我說im新的JavaScript,我不想要所有的代碼,我想有人告訴我如何去做 –

+0

如果我想所有的編碼要爲我做我會使用一個插件 –

回答

1

您可以輕鬆地使用jQuery來實現,使用下面的代碼:

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

.images-to-change-class代表拿着圖片多個元素的類名。 image-location represents您需要將src更改爲的值。

+0

將嘗試使用它,我會告訴它如何爲我工作,如果我正確地理解它:) –

+0

隨時提出進一步的問題,使一個JSFiddle是好東西這樣做,我可以進一步幫助你 –

+0

我在哪裏添加延遲這個代碼?我應該每次使用它來改變圖片嗎? –