javascript - 画像を背景に設定

Question

画像のあるサイトを作りたいのですが、画像をクリックするとサイトの背景画像にしたいのですが、何か提案はありますか？

Answer 1

次のようなもの：

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

Answer 2

これは、以下のように簡単に行うことができます。

jQuery：

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

Answer 3

JQuery の使い方を知っていれば、これは簡単です。

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