随机图像加载

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

我想这样的事情应该这样做。您可以从图像的源属性中获取当前图像...

//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))];

祝你好运！