javascript - 从数组中随机选择图像

Question

我在一个目录中有图像，我正在尝试使用 jQuery 将它们随机分配给列表项。我让它工作，但我不想重复图像，如果它们已经被使用过的话。这是我的 jquery:

var images = ['1.jpg', '2.jpg', '3.jpg', '4.jpg', '5.jpg', '6.jpg', '7.jpg', '8.jpg', '9.jpg', '10.jpg'];

$("#collageWrap li").each(function() {
    $('<img src="images/mosaic/' + images[Math.floor(Math.random() * images.length)] + '">').appendTo($(this));
});

如果我有 10 张图片和 20 个列表项，我的想法是在前 10 个列表项上使用这 10 张图片，然后将其余的留空。如何更改此代码以确保每张图片仅使用一次？

Answer 1

一个解决方案是在随机拍摄图像时从源数组中删除:

$("#collageWrap li").each(function() {
    var index = Math.floor(Math.random()*images.length);
    var img = images.splice(index, 1)[0];
    $('<img src="images/mosaic/' + img + '">').appendTo($(this));
    return images.length>0;
});