Проблемы с .fadeOut() и .fadeIn()

Моя страница делает запрос AJAX и получает массив ссылок на изображения с сервера.

Теперь я пытаюсь изменить изображения, которые есть на странице, с изображениями, полученными из базы данных, следующим образом:

function fillContent(phparray, i ){
    if(i == 20){
        clearTimeout(timer);
        return; 
    }

    var img = phparray[i].filepath;
    $(image).fadeOut("fast", function(){
        $(this).attr('src', img).fadeIn("fast")
    })
    var timer = window.setTimeout(function(){ fillContent(phparray, ++i)},400);
}

Теперь происходит то, что изображение исчезает и появляется, а затем большинство изображений снова исчезает и появляется. Это почти как мигание. Я пытался использовать .hide(), но даже это вызывает ту же проблему.