随机选择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之间

回答

相关问题