隨機選擇iml夾在html1之間

-1

我有一個龐大的代碼來編程，我卡住了。隨機選擇iml夾在html1之間

我正在做一個有4個文件的遊戲：html，css，javascript和jquery。這個遊戲是關於試圖用不同的圖像來猜測世界上20個不同的國家。我被困在了一個地步，我不知道我必須做什麼，所以在遊戲的每一輪都會自動在圖片之間進行選擇。此外，它只顯示第一張圖片，如果玩家點擊按鈕獲得提示，則其他圖片開始顯示。

我有這個組織的所有圖像： IMG/ IMG/COUNTRYNAME/ IMG/COUNTRYNAME/countryname01.jpg IMG/COUNTRYNAME/countryname02.jpg IMG/COUNTRYNAME/countryname03.jpg IMG/COUNTRYNAME/countryname04.jpg

在我的HTML文檔我創建了一個如下的div：

<pre> 
<div id="country"> 
    <div id="hint0"> 
     <!--choose randomly "img/countryname/countryname01.jpg"--> 
    </div> 
    <div id="hint1" class="hint" style="display: none"> 
     <!--choose randomly "img/countryname/countryname02.jpg"--> 
    </div> 
    <div id="pista2" class="pista" style="display: none"> 
     <!--choose randomly "img/countryname/countryname03.jpg"--> 
    </div> 
    <div id="pista3" class="pista" style="display: none"> 
     <!--choose randomly "img/countryname/countryname03.jpg"--> 
    </div> 
</div> 
</pre>

來源

2017-06-02 Anna Colomé

看看這篇文章關於通過JavaScript檢索圖像https://stackoverflow.com/questions/6994212/is-there-a-way-to-return-a-list-of-all-the-image-文件名從一個文件夾 - 使用 –

可能重複的[有沒有辦法從一個文件夾中只使用Javascript返回所有圖像文件名稱的列表？]（https://stackoverflow.com/questions/6994212 /有--A-方式對返回一個列表 - 的 - 所有的圖像，文件名從 - 一個文件夾，使用） – AlphaQ

首先，你可以使用這個功能來得到一個隨機數（爲您的上下文之間的1,4號得）

function getRandomArbitrary(min, max) { 
    return "0"+parseInt(Math.random() * (max - min) + min); 
}

然後你就可以追加到div的img隨機src，例如：

var src = "img/countryname/countryname"+getRandomArbitrary(1,4)+".jpg"; 
$("#pista3").append('<img id="theImg" src="'+src+'" />');

顯然，你需要將這些代碼適應你的背景，但事實就是這樣。

來源

2017-06-02 13:16:58

隨機選擇iml夾在html1之間

回答

相關問題