在固定位置顯示隨機圖像

我有3張圖片。我想要做的是，當我點擊任何一個圖像應該顯示在一個div上的隨機圖像。這是代碼。請幫助。在固定位置顯示隨機圖像

var iarr=["1.jpg","2.jpg","3.jpg"]; 
 
function select() 
 
{ 
 
    var random=Math.floor(Math.Random()*3); 
 
    document.getElementById('disp').innerHTML = iarr[random]; 
 
}

<html> 
 
<body> 
 
    <h4> MAKE A CHOICE </h3> 
 
    <img id='x' onclick="select" src='1.jpg'/> 
 
    <img id='y' onclick="select" src='2.jpg'/> 
 
    <img id='z' onclick="select" src='3.jpg'/> 
 
    <div id='disp'/>

來源

2016-05-14 Ckay 16

var iarr=["1.jpg","2.jpg","3.jpg"]; 
function select(){ 
    var random = Math.floor(Math.random() * iarr.length); 
    var div = document.getElementById('disp'); 
    var image = "<img src=\"" + iarr[random] + "\"/>"; 
    div.innerHTML = image; 
} 

<html> 
<body> 
    <h4> MAKE A CHOICE </h4> 
    <img id='x' onclick="select()" src='1.jpg'/> 
    <img id='y' onclick="select()" src='2.jpg'/> 
    <img id='z' onclick="select()" src='3.jpg'/> 
    <div id='disp'/>

工作例如：https://jsfiddle.net/pndtdt7t/

來源

2016-05-14 12:08:27

錯過了一個簡單的技巧有！非常感謝！ –

沒問題，如果這是您尋找的答案，您能否將其標記爲答案？幫助其他人和我自己:) –

var iarr = [ 
 
    "http://www.wallpapers-for-desktop.com/desktopbilder_for_free/free_desktopbild.jpg", 
 
    "http://wikiin.com/media/images/15/04/21/cfe0fdfb23.jpg", 
 
    "http://data.whicdn.com/images/89382997/large.jpg" 
 

 
]; 
 

 
function select() { 
 

 
    var img = "<img src=\""+iarr[Math.floor(Math.random() * iarr.length)]+ "\" />"; 
 

 
    document.getElementById('disp').innerHTML = img; 
 
}

<html> 
 

 
<body> 
 
    <h4> MAKE A CHOICE </h3> 
 
    <img id='x' onclick="select()" src='1.jpg'/> 
 
    <img id='y' onclick="select()" src='2.jpg'/> 
 
    <img id='z' onclick="select()" src='3.jpg'/> 
 
    <div id='disp'/>

來源

2016-05-14 12:11:13 DININDU

在固定位置顯示隨機圖像

回答

相關問題