Javascript图像阵列和随机图像

-1

需要一些随机图像阵列的帮助。当点击开始按钮（每次1个）然后有5个按钮时，我需要创建5个随机出现的图像。留在那里的5个按钮对应于随机图像。第一个按钮=图像[1]（来自阵列）等。Javascript图像阵列和随机图像

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]; 
}

任何帮助，你们可以用这个报价将不胜感激。

感谢

来源

2016-12-07 Nathan

您必须更新src属性。

而且几件事情：

你为什么要这么做document.getElementById("Imgs")当没有元素哪儿id="Imgs"？
btnStart_onClick从哪里调用？
使用=用于分配
你只需要通过4倍增，为Math.random()回报0 -> 1

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

来源

2016-12-07 21:49:50 Jack

我怎么会更新源属性？对不起，我知道代码很混乱，我对此仍然很陌生。在div上面的HTML中定义了一个按钮：图像数组。 – Nathan

'getElementById'和其他类似的函数正在检索DOM元素，例如，你的'img'元素。如果你想在一个按钮上触发这个函数，你需要创建一个按钮元素并将该函数添加到'onclick'方法中。有[这里]看看（http://www.w3schools.com/jsref/event_onclick.asp）和[这里]（http://www.w3schools.com/jsref/met_document_getelementbyid.asp） – Jack

Imgs阵列并不在指数5有一个元素。使用

Math.floor(Math.random() * Imgs.length)

也没有元件有id"Imgs";你的意思是"osBus"？您可以通过设置<img>元素的src属性来更改显示的图像。

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

function btnStart_onClick() { 
    Num = Math.floor(Math.random() * Imgs.length); 
    document.getElementById("osBus").src = Imgs[Num]; 
}

来源

2016-12-07 21:53:19 guest271314

的osBus是应该只是img0，jpg，这是我的错。 – Nathan

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]; 
}

来源

2016-12-08 04:28:31 toto

Javascript图像阵列和随机图像

回答

相关问题