用jquery更改背景圖片

我將有一個圖片列表（平鋪背景類型）我希望能夠點擊圖片並將其作爲整個主體的背景圖片用於顯示目的。到目前爲止，我有這樣的：。用jquery更改背景圖片

$(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（背景圖像）中配置腳本一無所知，?????）是動態

感謝您的任何意見

來源

2011-01-31 Brad

抓住.img1元素的src屬性，你剛剛解僱click事件上，並設置爲你的CSS修改的URL體元素：

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

而且應該永遠只能是你的文檔中的單個元素body，所以沒有必要通過ID來選擇，只需要使用$('body')代替。

來源

2011-01-31 02:43:31

好的，我明白你在說什麼了。我的身體元素是body id =「body」。非常感謝你的工作非常好。它似乎沒有這樣容易 – Brad 2011-01-31 02:53:50

用jquery更改背景圖片

回答

相關問題