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圖像陣列和隨機圖像

回答

相關問題