Javascript随机背景图片

Question

我写这篇文章的目的是在每次用户访问网站时随机化背景图像。我不得不使用Ajax，因为图像被用作带有一些动画的css中的背景图像。

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

var randomNumber = Math.floor(Math.random() * images.length);
var randomImage = "img/backgrounds/" + randomNumber + ".jpg";
jQuery.ajax(randomImage);

$(document).ajaxComplete(function() {
    $('.cover').css({ 'background-image': 'url(' + randomImage + ')' }).addClass('loaded');
});

我的问题是，有些图像似乎更频繁地使用，其他图像和图像6从未显示过？

我希望有人能够更熟悉Javascript，或许可以为我揭示这一点。

先谢谢你，Sam

Answer 1

变量randomNumber的范围是0到5（含）。它们是您要从数组images中获取值的索引：

var randomImage = "img/backgrounds/" + images[randomNumber];

Answer 2

将您的随机数更改为 var randomNumber = Math.floor（（Math.random（）* images.length）+1）;