javascript中只有3個圖像的隨機圖像

Question

有沒有一種方法可以隨機創建一個函數RandomSwapDown(x)以便每次單擊它時都顯示三個圖像之一？ 謝謝。

<script>
    function RandomSwapDown(x) {                 
        x.src = '4.gif';    
    }                               
    function SwapBack(x) {       
        x.src = 'mouse_over.png';           
    }
    function SwapOut(x) {
        x.src = 'mouse_normal.png';
    }  
</script>

</html>

<div style='top: 200px; left: 175px; position: absolute;'>

<img src='mouse_normal.png'  onMouseOver='SwapBack(this)' onMouseOut= 'SwapOut(this)' onMouseDown = 'RandomSwapDown(this)' width="121" height="146" >

<img src='mouse_normal.png'  onMouseOver='SwapBack(this)' onMouseOut= 'SwapOut(this)' onMouseDown = 'RandomSwapDown(this)' width="121" height="146" >

<img src='mouse_normal.png'  onMouseOver='SwapBack(this)' onMouseOut= 'SwapOut(this)' onMouseDown = 'RandomSwapDown(this)' width="121" height="146" >

</div>

Answer 1

演示

var picArr = []; // array of images to choose from

function RandomSwapDown(x) {
    x.src = picArr[Math.floor(Math.random()*3)];
}
function SwapBack(x) {
    x.src = picArr[Math.floor(Math.random()*3)];
}
function SwapOut(x) {
    x.src = picArr[Math.floor(Math.random()*3)];
}

Answer 2

嗨，我現在不可以在javascript中使用它，但是在java中可以

Random generator=new Random();    
int rnd_number;    
rnd_number=generator.nextInt(MaxRandom-MinRandom)+MinRandom;