javascript - onclick で背景の本文画像を変更する

Question

私はjavascriptとjQueryが初めてで、そのうちの1つを使用して、onclickで背景のボディ画像を変更したいと考えています。まさに私が欲しいのは、画像付きのリンクを作成して、人々がクリックすると背景のボディ写真が変わるようにすることです。簡単な例を教えてください。

Answer 1

HTML:

<button>Change background</button>

jQuery:

$('button').click(function(){
   $('body').css('background-image','image.jpg');
});

Answer 2

HTML

<a href="#" class="set-background"><img src="/path/to/image.jpg">Select Image</a>

Javascript

$(document).on('click', 'a.set-background', function(){
    $('body').css({
        'background' : 'url(' + $(this).find('img').attr('src') + ')'
    });

    return false;
});