jQuery来设置图片src为主体背景图像

Question

我已经内UL图像集是这样的：

<ul> 
    <li> 
     <a href="#"> 
      <img scr="image1.png"> 
     </a> 
    </li> 
    <li> 
     <a href="#"> 
      <img scr="image2.png"> 
     </a> 
    </li> 
    <li> 
     <a href="#"> 
      <img scr="image3.png"> 
     </a> 
    </li> 
</ul> 

在点击每幅图像，我希望这种形象的src被应用到身体作为“背景 - 图片”。

我不是JQuery专家，所以任何帮助将不胜感激。

Answer 1

$('#id-of-ul a').click(function(){ 
var src = $(this).find('img').attr('src'); 
$('body').css('backgroundImage','url('+src+')'); 

}) 

Answer 2

$document.ready(function() { 
    $("img").click(function() { 
     $(body).css("background-image", $(this).attr("src")); 
    }); 
}); 

Answer 3

试试这个：

<script type="text/javascript"> 
jQuery(function() { 
    $(a).click(function() { 
    $(body).css('background-image',this.find(img).attr('src')) 
    }); 
}); 
</script>