7

Webでいくつかのチュートリアルを試しましたが、どれも正しく機能していないようです。私がやろうとしていることは非常に単純だと思います。

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 に答える