JQuery将Image SRC设置为body background-image

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>

单击每个图像后,我希望将Image的src应用于body作为"background-image".

我不是JQuery专家,所以任何帮助都将不胜感激.

Answer 1

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

})