Wie man eine Zufallszahlvariable in das src-Attribut des img-Tags einfügt

Question

Ich habe ein Array von Bild-URLs, die ich zufällig auswählen muss.

var imagesArray = [ 
     "http://img/img_0.jpg" 
    , "http://img/img_1.jpg" 
    , "http://img/img_2.jpg" 
    , "http://img/img_3.jpg" 
    , "http://img/img_4.jpg" 
    , "http://img/img_5.jpg" 

    ]; 
    var num = Math.floor(Math.random() * 6); // 0...6 
    var num1 = Math.floor(Math.random() * 6); // 0...6 
    var num2 = Math.floor(Math.random() * 6); // 0...6 

Aber statt der Bildnummern, ich brauche von 0 bis 5 im src meines Bildtag wie dies eine Zufallszahl enthalten:

<img src="http://img/img_[num].jpg" name="canvas" /> 

aber [num] funktioniert nicht

HTML

<form name="imageForm" class="form1"> 
    <table> 
    <tr> 
    <td> 
     <input onclick="displayImage();" type=button value="Display Random Image"> 
    </td> 
    </tr> 
    <tr> 
    <td> 
     <img src="http://img/img_[num].jpg" name="canvas" /> 
    </td> 


    <td> 
     <img src="" name="canvas1" /> 
    </td> 


    <td> 
     <img src="" name="canvas2" /> 
    </td> 
    </tr> 
    </table> 
</form> 

Answer 1

Here is the fiddle.

<img id="img1" src="" name="canvas" /> 

dann Skript,

var img1=document.getElementById("img1"); 
    img1.src="http://img/img_"+num+".jpg";