使用按鈕onClick事件隨機化背景圖像

Question

我想在用戶單擊按鈕時隨機化背景圖像。

Here's what I have.

每次右下方的按鈕cliked，我想從外部託管圖像的一組陣列隨機化的背景圖像。

我該如何做到這一點？ （沒有PHP，如果可能的話）

Answer 1

試試這個方法：

<script type="text/javascript"> 
    function randomImg1() { 
     var myImages1 = new Array(); 
     myImages1[1] = "img/who/1.jpg"; 
     myImages1[2] = "img/who/2.jpg"; 
     myImages1[3] = "img/who/3.jpg"; 
     var rnd = Math.floor(Math.random() * myImages1.length); 
     if(rnd == 0) { 
     rnd =1; 
     } 
     html_code = '<img class="who" src="' + myImages1[rnd] + '" />"; 
     document.write(html_code); 
    } 
</script> 

您還可以檢查出this

// EDIT -- By Pipskweak

，而不是

html_code = '<img class="who" src="' + myImages1[rnd] + '" />"; 
document.write(html_code); 

我們可以做這個;

document.getElementsByTagName("body")[0].setAttribute('style','background-image: url(' + myImages1[rnd] + ')'); 

畢竟，背景圖像被提及。