随机图像加载

Random image load

本文关键字：加载 图像 随机      更新时间：2023-09-26

所以我已经有一个图像随机化器，但我现在正在寻找扩展它，以便最后加载图像 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)] + ')',
    });
});

我该怎么做？

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

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

祝你好运！

相关文章：