Simple fullscreen gallery

HTML

<div id="thumbnails">
    <ul></ul>
</div>

CSS

body {
    background-image: url('http://farm6.static.flickr.com/5292/5475220708_da0237e933_b_d.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    background-color: black;
}

#thumbnails {
    position: absolute;
    bottom: 5px;
    left: 50%;
    width: 70%;
    margin-left: -35%;
    height: 88px;
}

#thumbnails ul {
    text-align: center;
    list-style-type: none;
}

#thumbnails li {
    display: inline;
    margin: 0 5px;
}

#thumbnails img {
    border-width: 3px 3px 10px 3px;
    border-style: solid;
    border-color: #333;
    border-radius: 2px;
}

JavaScript

$(function() {
    var pictures = [
        {
            url: 'http://farm6.static.flickr.com/5292/5475220708_98d866d97f_o_d.jpg',
            thumb: 'http://farm6.static.flickr.com/5292/5475220708_da0237e933_s_d.jpg'},
        {
            url: 'http://farm6.static.flickr.com/5298/5475217982_27cef3dab6_o_d.jpg',
            thumb: 'http://farm6.static.flickr.com/5298/5475217982_11ca237866_s_d.jpg'},
        {
            url: 'http://farm5.static.flickr.com/4083/5164301526_8f3c8d08b5_o_d.jpg',
            thumb: 'http://farm5.static.flickr.com/4083/5164301526_c5171381a1_s_d.jpg'},
        {
            url: 'http://farm2.static.flickr.com/1071/5163674899_206a6a2ab7_o_d.jpg',
            thumb: 'http://farm2.static.flickr.com/1071/5163674899_6e980605fb_s_d.jpg'}
        ];

    $.each(pictures, function() {
        var $img = $('<img/>').attr('src', this.thumb),
            $a = $('<a/>').attr('href', this.url).click(function(){return false;}).mouseover(function() {
                $('body').css('background-image', 'url(' + $(this).attr('href') + ')');
            }).append($img);
        $('<li/>').append($a).appendTo('#thumbnails ul');
    });
});