Анимация jQuery и AJAX

Добрый день! Имеется функция которая должна выводит фото на страницу при добавлении в папку

function AddPhoto() {
$.ajax({
    url: 'private/add_photo.php',
    method: 'POST',
    data: {'echoImag':FILE_LIST},
    beforeSend: function() {
        inProgress = true;
    }
    }).done(function(data){
        data = jQuery.parseJSON(data);
        FILE_LIST = JSON.stringify(data['allImages']);
        if (data['newImages'].length > 0) {
        for (i=0; i<data['newImages'].length; i++) {
                if ((data['newImages'][i] != '.') && (data['newImages'][i] != '..')) {
            html += "<img src='"+dir+data['newImages'][i]+"' alt='' class='img-thumbnail' style='display:none;'>";
                }
        }
            html = html.trim();
            $(html).prependTo(".container").fadeIn();
            //$(".container").prepend(html);
            html = '';
        }
        inProgress = false;
    });

Все прекрасно работает, кроме анимации. Т.е. фото появляется, потом исчезает и потом появляется с эффектом анимации. Причем неважно какую длительность я ставлю все происходит с одной скоростью (эффект анимации тоже не важен).

Как сделать правильную анимацию?