随机身体背景图像

Random body background-image

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

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

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

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

这应该没问题。

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

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

相关文章：