ランダムな体の背景画像

私はウェブ上でいくつかのチュートリアルを試してみましたが、どれも正しく動作していないようです。私がやろうとしていることはかなりシンプルだと思う：ランダムな体の背景画像

私はページの読み込みにランダムに表示する必要がある9種類の.jpg画像をバックグラウンドにしています。これはかなり単純に正しいはずですか？

おかげで、

EDIT（申し訳ありませんが、コード添付するのを忘れて - ウェブで見つけを）：

$(document).ready(function(){ 

    bgImageTotal=9; 

    randomNumber = Math.round(Math.random()*(bgImageTotal-1))+1; 

    imgPath=('../img/bg/'+randomNumber+'.jpg'); 

    $('body').css('background-image', ('url("'+imgPath+'")')); 

});

出典

2012-01-11 asirgado

あなたが使用しようとしたコードを投稿すると、人々にあなたのためにそれを書くように尋ねるのではなく、うまくいきません。 –

本当に、ごめんなさい...コードを忘れてしまった。 – asirgado

ええ、それはどのようにあなたがそれをやるのかに関してあなたが使っている言語に依存します。 – Paul

このチュートリアルチェックアウト：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を使用して

出典

2012-01-11 22:36:19

私は何を私の機能と呼ぶべきですか？私はjavascriptには慣れていない、ありがとう。 – asirgado

関数を呼び出す必要はありません。jQueryの$（document）.ready（function（）{}タグの中に入れてください） –

はい、うまくいきました！jQueryへのスクリプトリンクに問題がありました。ライブラリを最初にリンクしています。ありがとう！ – asirgado

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

これは、あなたのイメージが8.jpgまで0.jpgという名前で、あなたのページと同じディレクトリにあるされていることを、想定しています。

出典

2012-01-11 22:37:07 ChrisiPK

ランダムな体の背景画像

答えて

関連する問題