7

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

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

});
4

2 回答 2

23

查看本教程：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)] + ')'});

那应该没问题。

于 2012-01-11T22:36:19.983 回答
0

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

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

于 2012-01-11T22:37:07.303 回答