将图像设置为背景

【问题标题】：Set image as background将图像设置为背景
【发布时间】：2012-05-15 22:16:46
【问题描述】：

我想制作一个有一些图片的网站，当我点击一张图片时，我希望它成为网站的背景图片，有什么建议吗？

【问题讨论】：

【解决方案1】：

类似的东西：

<img src="myimage.jpg" onClick="document.body.style.backgroundImage = 'url('+this.src+')';;" />

【讨论】：

+1 我正准备在我的回答中输入一个普通的 Javascript 解决方案，但真的没有意义。

【解决方案2】：

这可以通过以下方式轻松完成：

jQuery:

$(function(){
    $("#imageId").click(function() {
        var myImage = $("img", this).attr("src");
        $("body").css("background", "url('" + myImage + "')");
    });
});

【讨论】：

正如 Kolink 所指出的，这个问题没有被标记为 jQuery。
没错，但无论如何反对它似乎有点苛刻。现在很难将 javascript 与 jQuery 分离...

【解决方案3】：

如果你知道如何使用 JQuery，这应该很容易：

$('#divTagId').click(function()
{
  $("html").css("background-image", "url(/myimage.jpg)");  
});

【讨论】：