JQuery для установки Image 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 этого изображения был применен к телу как "background-image".

Я не эксперт по 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>