javascript - 随机图像加载

Question

所以我已经有一个图像随机化器，但我现在希望扩展它，以便最后加载 IF 图像 1，加载图像 2 等等。

$(document).ready(function () {
 var images = ['imageTest.jpg', 'imageTest2.jpg', 'imageTest3.jpg', 'imageTest4.jpg'];
    $('.mainHero-fluid').css({
    'background-image': 'url(/assets/images/' + images[Math.floor(Math.random() *  images.length)] + ')',
    });

});

我怎样才能做到这一点？

Answer 1

我想应该这样做。可以从图片的source属性中获取当前图片……</p>

//copy the whole list
var newImages = [].concat(images), newImage;

//remove the current image
newImages.splice(images.indexOf(<currentImage>),1);

//get a random entry
newImage = newImages[Math.round(Math.random() * (newImages.length - 1))];

祝你好运！