Не показывать изображение пока оно не загрузилось

Используйте этот код:

var img = document.createElement('img');
img.src = your_photo_path; // здесь начинается загрузка изображения
img.onload = function() {
    // устанавливаем новое изображение в photo_wrap
    document.getElementById('photo_wrap').innerHTML = '<img id="your_photo" src="' + your_photo_path + '">';
}

Для начала мы создаем объект img и без изменения текущего DOM страницы загружаем в него изображение. После загрузки изображение попадает в кэш браузера и срабатывает img.onload, а далее много путей. В приведенном примере было загружен тег с изображением в контейнер для фотографии photo_wrap, но можно и просто менять атрибут src или грузить изображение в background.