随机的身体背景图像

我在网上尝试了几个教程，似乎都没有正常工作。 我想要做的很简单，我想：

我有9个不同的.jpg图像，我需要随机显示在页面加载 – 作为背景。 这应该相当简单吧？

谢谢，

编辑（对不起，忘了附上代码 – 在网上找到）：

$(document).ready(function(){ bgImageTotal=9; randomNumber = Math.round(Math.random()*(bgImageTotal-1))+1; imgPath=('../img/bg/'+randomNumber+'.jpg'); $('body').css('background-image', ('url("'+imgPath+'")')); }); 

Answer 1

查看本教程： http ： //briancray.com/2009/12/28/simple-image-randomizer-jquery/

首先创建一个图像数组：

 var images = ['image1.jpg', 'image2.jpg', 'image3.jpg', 'image4.jpg', 'image5.jpg']; 

然后，将随机图像设置为背景图像：

 $('body').css({'background-image': 'url(images/' + images[Math.floor(Math.random() * images.length)] + ')'}); 

这应该没问题。

Answer 2

使用jQuery： $("body").css("background-image", "url(" + Math.floor(Math.random()*9) + ".jpg)");

这是假设您的图像被命名为0.jpg直到8.jpg并且与您的页面位于同一目录中。