![](/img/trans.png)
[英]HTML - How to generate a random number in an img=src address inside a div
[英]how to include a random number variable inside the src attribute of img tag
我有一系列圖像網址,我需要隨機選擇。
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
但是我需要在圖像標記的src中包含0到5的隨機數,而不是圖像數字,如下所示:
<img src="http://img/img_[num].jpg" name="canvas" />
但是[num]不起作用
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>
這是小提琴 。
<img id="img1" src="" name="canvas" />
然后腳本,
var img1=document.getElementById("img1");
img1.src="http://img/img_"+num+".jpg";
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.