我學習HTML5和JavaScript,想隨機改變圖像在HTML上點擊按鈕
我想隨意改變上點擊按鈕的圖片,我有三個圖像本地存儲,並要設置這些圖像,也想要在數據庫中設置多少次圖像的存儲數據。
任何人都有一個想法如何做到這一點,在此先感謝。
想通過一些隨機數起作用changeImage(randomNumber)和按數目要更改圖像
<!DOCTYPE html>
<html>
<head>
<h1>Click on Image to Change Image </h1>
<script>
function changeImage(){
var image = document.getElementById("image");
switch(1){
case 1 :
image.src = "tulips.JPG";
break;
case 2 :
image.src = "life.JPG";
break;
case 3:
image.src = "Desert.JPG";
break;
document.getElememtById("image_change_button").innerHTML = Math.random();
}
}
</script>
</head>
<body>
<div>
<img id = "image" src = "life.JPG" width = "480" height = "100" ></img>
</div>
<div>
<button id = "image_change_button" onClick = "changeImage()" width = " 100" height = "100">OnClick</button>
</div>
</body>
</html>
請提供您的代碼。 – sascha 2013-02-15 08:46:53
'開關(1)'總是觸發'情況1' ...也許'開關(Math.random()* 3 + 1)' – 2013-02-15 09:43:11
但它沒有給我整數,所以它無法進入開關情況 – dnana 2013-02-15 09:57:52