Cargador de imágenes del lector de mangas

by alexsuch

HTML

<span id="loading">Loading</span>
<ul id="imagesList"></ul>

CSS

ul{
    display:none;
}

li{
    display: inline;
    list-style-type: none;
    padding-right: 20px;
}

li img {
    width: 120px;
}

JavaScript

var baseUrl = "http://img3.submanga.com/pages/148/148200029/";
var i = 1;
var addImage = function() {
    var img = new Image();
    img.src = baseUrl + "" + i + ".jpg";
    img.onerror = function() {
        $('#loading').hide();
        $('#imagesList').show();
    };

    img.onload = function() {
        $('#imagesList').append('<li><img src="' + baseUrl + '' + i + '.jpg" /></li>');
        $('#loading').append('.');
        i++;
        addImage();
    };
};

$(document).ready(function() {
    addImage();
});