Вставка картинок в DOM

Получаю я html через ajax. В этом html-ле картинки. Мне нужно дождаться пока эти картинки загрузятся и только тогда вставить этот html в DOM документа. Но для того, чтобы начали загружаться картинки, нужно вставить html в DOM документа. Можно ли как-то без вставки html в DOM документа, начать загрузку фоток?

Pavelbeginner, перебрать все картинки в получаемом ответе, и сделать массив адресов.
Создать массив объектов типа Image. Для каждого элемента массива назначить обработчик на событие onload, который будет увеличивать счетчик и проверять равно ли кол-во загруженных картинок - длине массива.
Для каждого элемента массива присвоить адрес через атрибут src
Когда значение счетчика равно длине массива с адресами - загрузились все картинки, можно показывать.

Вот тут различные примеры Preloading and the JavaScript Image() object
Тут вариант с массивом адресов и поочередном присвоении одному объекту разных адресов, но при различном размере картинок первые могут загрузится позже последней.

(Отредактировано автором: 14 Февраля, 2012 - 18:27:09)

процедура-то понятна. Не понятно другое. Если я создам объект класса img и не вставлю его в дерево DOM, то будет ли идти загрузка фотографии и будет ли срабатывать событие onload?

Pavelbeginner, вы меня поражаете вопросами типа: "А заработает?"
Ну ведь проверить - три строчки. Пишется это за 5 минут(сам писал перед тем как писать). Я понял, что требуется дождаться загрузки всех картинок, и если б не работало - не расписывал бы как это сделать, не делал коментарий к ссылке.
А по ссылке есть даже раздел такой The onLoad() event handler. Там даже написан метод в котором можно просто в цикле присваивать все ссылки на изображения одному объекту, чтобы браузер начал грузить (к этому и был комментарий).

(Отредактировано автором: 14 Февраля, 2012 - 21:02:45)