用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更改背景图片

回答

相关问题