jqueryで背景画像を変更する

Question

画像のリストが表示されます（タイルの背景のタイプ） 画像をクリックして、表示用に画像全体を背景にすることができます。 。。

は

$(document).ready(function(){  

    //var image = ???; what should be here? 

    $('.img1').click(function(){ 
     $('#body').css('background-image', 'url(images/tiles/tile77.jpg'); //the image url cannot be one single url 
     }); 

    }); 

（画像の画像だけが後にデータベースから来るということだ作業スクリプトを取得するために使用されて

<div class="threecol"><img class="img1" src="images/tiles/tile39.jpg"></div> 
<div class="threecol"><img class="img1" src="images/tiles/tile77.jpg"></div> 
<div class="threecol"><img class="img1" src="images/tiles/tile47.jpg"></div> 
<div class="threecol last"><img class="img1" src="images/tiles/tile33.jpg"></div> 

スクリプト私の現在の行はように動作します：これまでのところ、私はこれを持っています私はそれを持っていますが、ここで私がクリックした画像ではなく、背景画像が必要です。画像をクリックするたびに機能する必要があります。

私はそれを認めています時間の経過とともに時間を稼働させる方法と、.cssでスクリプトをどのように設定するかについては無知です（background-image 、?????）何かアドバイス

Answer 1

グラブあなただけのクリックイベントを発射し、設定.img1要素のsrc属性の

おかげで動的なものにすること、身体へのあなたのCSSの変更でURLとして要素：

$('.img1').click(function(){ 
    $('body').css('background-image', 'url(' + this.src + ')'); 
}); 

またしかドキュメント内の単一body要素なので、IDを経由して、それを選択するだけではなく、$('body')を使用する必要はありませんがなければなりません。