Проблема с последовательным отображением изображений с использованием Javascript

Question

У меня есть папка с изображениями с именами 0.png, 1.png и 2.png. Я написал код Javascript для их отображения, но по какой-то причине отображается только 0.png.

var keepGoing = true;
var fileNum = 0;
while(keepGoing){
    var src= "../images/template/" + fileNum + ".png";
    var img = new Image();
    img.src = src;
    if(img.width != 0){
        document.body.appendChild(img);
        fileNum++;
    }
    else{
        keepGoing = false;
    }
}

Если я пошагово выполняю движения в консоли, 1.png и 2.png отображаются нормально. Я думаю это может быть что-то не так с оператором if, но любая помощь будет очень признательна!