Дело в том, что у меня есть страница, на которой должно отображаться неопределенное количество изображений, загружаемых через AJAX (используя кодировку base64 на стороне сервера) по одному.

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);
            }
        }
    });
}

Проблема в том, что изображения (созданные с помощью функции renderImageData ()) добавляются (все вместе) к определенному DIV только тогда, когда все изображения извлекаются. Я имею в виду, что никакие манипуляции с DOM невозможны, пока цикл не закончится.

Мне нужно загружать и отображать изображения одно за другим из-за возможного огромного количества изображений, поэтому я не могу сложить их, пока они все не будут получены.