Javascript 无重复的随机图像库

我正在尝试制作一个画廊，里面有大约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

如果你只是生成一个随机图像，看看它是否被使用过，你最终会拒绝几乎所有生成的图像，这是一种巨大的浪费。取而代之的是，随机化你的图像数组，然后按顺序浏览。

洗牌数组，然后抓取一个元素。再见，谢谢！但是，一旦iv'e洗牌了数组，我如何循环它，为我的所有图像分配不同的src属性？一旦洗牌了，你只需要循环。

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