复制图像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') + ')');