Zufallsbilder in einer festen Position anzeigen

Ich habe 3 Bilder. Was ich tun möchte ist, wenn ich auf eines der Bilder klicke, sollte ein zufälliges Bild auf einem Div angezeigt werden. Hier ist der Code. Hilfe bitte.Zufallsbilder in einer festen Position anzeigen

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'/>

Quelle

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'/>

Arbeitsbeispiel: https://jsfiddle.net/pndtdt7t/

Quelle

2016-05-14 12:08:27

auf einem einfachen Trick es verpasst! Ich danke dir sehr! –

Kein Problem, wenn das die Antwort auf das war, was Sie gesucht haben, können Sie es als die Antwort bitte markieren? Hilft anderen Menschen und mir selbst :) –

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'/>

Quelle

2016-05-14 12:11:13 DININDU

Zufallsbilder in einer festen Position anzeigen

Antwort

Verwandte Themen