无重复的随机图像库

Question

我试图制作一个包含大约20张图像的图库，这些图像是从文件夹images / random中随机选择的。这是我到目前为止提出的代码，问题是它在整个库中显示相同的图像。任何帮助将不胜感激。

var array = ['1.jpg', ..., 100.jpg ]
var path = "images/random"

var index = Math.floor(Math.random() * (array.length)),
image = array[index];

$(".random").attr("src", path + image);

HTML

<img class="random" src="" alt="">

Answer 1

如果您只是生成一张随机图片并查看它是否已被使用，那么您最终会到达几乎拒绝您生成的每张图片的位置，这是一个巨大的浪费。相反，随机化您的图像阵列，然后按顺序完成它。