Question

我在网上尝试过几次辅导,似乎都没有适当工作。我想,我想要做的是很简单:

我有9种不同的jpg图像,我需要随机展示,以示背景。这应当是相当简单的权利?

感谢

EDIT (Sorry, forgot to annex the Code - found in the web):

$(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

Check out this tutorial: 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)] +  ) });

That should work no problem.

Answer 2

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

假设你们的图像在8.jpg之前就被点名,并且与你的网页相同。

友情链接