如何在沒有onclick事件的情況下使用javascript更改圖像？

我試圖得到一個虛擬的用戶名和個人資料圖片隨機顯示，隨機間隔。我也希望用戶名與他們各自的個人資料圖片相匹配。如何在沒有onclick事件的情況下使用javascript更改圖像？

我現在我有一個正確
<p id="usr"></p>
<img id="changeimage" src="" alt="Profile picture">

和JavaScript這樣

var players = ['player1', 'player2', 'player3'] 
var playerpics = ['player1.jpg', 'player2.jpg', 'player3.jpg']; 


var activeuser; 
var playerpicker = function (activeuser) { 
    usr.innerHTML = players[activeuser]; 
    changeimage.innerHTML = "<img src='" + playerpics[activeuser] + "' />"; 

}; 

setInterval(function() { 
    var oneintwelve = Math.floor(Math.random() * 12); 

    if (oneintwelve === 3) { 
     activeuser = Math.floor(Math.random() * 3); 
     playerpicker(activeuser); 

    }; 
}, 1000);

我知道我在做什麼毛病實施新的IMG標籤顯示的用戶名HTML，原諒我，如果我沒有這樣做的最好方式，我是相當新的這一點。謝謝您的幫助。

來源

2014-09-05 user3473543

'eval'是邪惡的。 'eval'是邪惡的。 'eval'是邪惡的。 'eval'是邪惡的。 'eval'是邪惡的。 'eval'是邪惡的。 'eval'是邪惡的。 ;（ – 2014-09-05 21:32:35

@Allendar毫無疑問你是對的，但那個邪惡與這個問題有關呢？還是在寬限期內被刪除？ – Teemu 2014-09-05 21:37:37

改爲使用內部html，只是用javascript獲取圖像標記並更改src像$（'image'）這樣的圖像。src ='a.jpg' – 2014-09-05 21:38:09

即將到來，您可以更改圖像的src屬性。你也沒有完全正確地選擇元素。

var playerpicker = function (activeuser) { 
    document.getElementById("usr").innerHTML = players[activeuser]; 
    document.getElementById("changeimage").src= playerpics[activeuser]; 
};

檢查此鏈接，它會幫助你學習http://www.w3schools.com/jsref/dom_obj_select.asp

來源

2014-09-05 21:35:33

謝謝！非常感謝。 – user3473543 2014-09-05 23:55:19

如何在沒有onclick事件的情況下使用javascript更改圖像？

回答

相關問題