Изменение фонового изображения тела с помощью onclick

Question

Я новичок в javascript и jQuery, и я хочу использовать один из них, чтобы поменять фоновые изображения тела с помощью onclick. Именно то, что я хочу, это создать ссылку с изображением, поэтому, когда люди нажмут на нее, фоновая текстура тела изменится. Можете ли вы помочь мне или дать мне простой пример.

Answer 1

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; 
}); 

Answer 2

HTML:

<button>Change background</button> 

JQuery:

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