A coisa: Eu tenho uma página, que tem que exibir um número indeterminado de imagens, carregado através de AJAX (usando codificação de base64 no lado do servidor), um por um.

var position = 'front';
while(GLOB_PROCEED_FETCH)
{
    getImageRequest(position);
}

function getImageRequest(position)
{
    GLOB_IMG_CURR++;
$.ajax({
        url: urlAJAX + 'scan=' + position,
        method: 'GET',
        async: false,
        success: function(data) {
            if ((data.status == 'empty') || (GLOB_IMG_CURR > GLOB_IMG_MAX))
            {
                GLOB_PROCEED_FETCH = false;
                return true;
            }
            else if (data.status == 'success')
            {
                renderImageData(data);
            }
        }
    });
}

O problema é que as imagens (construídas com a função renderImageData ()) são anexadas (todas juntas) ao DIV apenas quando todas as imagens são buscadas. Quer dizer, não há nenhuma manipulação de DOM possível até que o loop acabe.

Eu preciso carregar e exibir imagens uma a uma por causa do possível número enorme de imagens, então não posso empilhá-las até que todas elas sejam buscadas.