在固定位置显示随机图像

我有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

在固定位置显示随机图像

回答

相关问题