![](/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.