Javascript图像数组和随机图像

时间:2016-12-07 21:44:23

标签: javascript html arrays image onclick

需要一些随机图像阵列的帮助。当单击“开始”按钮(每次1个)然后有5个按钮时,我需要创建5个随机出现的图像。停留在那里的5个按钮对应于随机图像。第一个按钮=图像[1](来自数组)等。

img0停留在屏幕上并换出阵列中的随机图像。

我无法看到要显示的随机图像。这可能是一件简单的事情,但是我正用头撞墙撞墙。

你们给予的任何帮助都会很棒。

HTML     

<div style="background-color:grey; position: absolute; left:50px; top:150px">
    <img src="img0.jpg" id="osBus" alt="0" />
</div>

CODE     

<input id="b2" type="button" onclick="btn2_onClick()" value="2" style="position:absolute; left:125px; top:375px"
       disabled class="btns" />

<input id="b3" type="button" onclick="btn3_onClick()" value="3" style="position:absolute; left:225px; top:375px"
       disabled class="btns" />

<input id="b4" type="button" onclick="btn4_onClick()" value="4" style="position:absolute; left:325px; top:375px"
       disabled class="btns" />

<input id="b5" type="button" onclick="btn5_onClick()" value="5" style="position:absolute; left:425px; top:375px"
       disabled class="btns" />
<br />
<script language="javascript">

var Imgs = ["1.jpg", "2.jpg", "3.jpg", "4.jpg", "5.jog"];
var Num

function btnStart_onClick() {
    Num = 1 + parseInt(Math.random() * 5);
    document.getElementById("Imgs") == Imgs[Num];
}

你们可以提供的任何帮助都将非常感激。

由于

2 个答案:

答案 0 :(得分:0)

您必须更新src属性。

还有一些事情:

  1. 当没有document.getElementById("Imgs")的元素时,你为什么要id="Imgs"
  2. btnStart_onClick来自哪里?
  3. 使用=进行作业
  4. 您需要乘以4,因为Math.random()返回0 -> 1

    function btnStart_onClick() { var imgNum = (1 + (Math.round(Math.random() * 4))); document.getElementById("osBus").src = imgNum + '.jpg'; }

答案 1 :(得分:0)

var Imgs = ["1.jpg", "2.jpg", "3.jpg", "4.jpg", "5.jog"];

var Num;

function randomNumber(min, max) {
    return  Math.floor(Math.random() * ((max - min) + 1) + min);
}

function btnStart_onClick() {
    Num = randomNumber(0, 4);
    document.getElementById("osBus").src = Imgs[Num];
}