Javascript随机背景图像

Javascript Random background Image

本文关键字：图像 背景 随机 Javascript      更新时间：2023-09-26

我写这篇文章的目的是在每次用户访问网站时随机化背景图像。我不得不使用 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更熟悉，也许能够为我阐明这一点。

提前感谢，山姆

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

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

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

相关文章：