随机的身体背景图像

Question

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

我有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)] + ')'});

这应该没问题.