Скопировать изображение src и поместить в url

Question

У меня есть изображение на моем сайте, и я хочу динамически использовать этот src в качестве фонового изображения для встроенного стиля на заголовке заголовка.

<div class="banner"><img src="images/image1.jpg" alt="" /></div> 

<header style="background:url(*image-from-banner*) no-repeat;"></header> 

Я нашел этот код, который делает то, что я хочу, но назад, может кто-то помочь отменить его для меня.

$('.banner img').each(function(){ 
    var href = $(this).attr('href'); 
    $(this).find('img').attr('src',href); 
}); 

Answer 1

Вы можете установить фоновое изображение для <header> как:

$('header').css('background-image', 'url(' + $('.banner img').attr('src') + ')');