Для реализации показа/скрытия картинки. Тут не так и просто.
Во первых, ты не можешь просто так извлечь картинку из документа и продолжить загрузку. Можно её скрыть, но размер например ячейки в таблице, останется прежним. (только щас идея пришла - размер менять картинки, а как загрузиться, увеличивать обратно до нормальных размеров, нада попробовать будет).
Поэтому тебе нада 2 картинки, и в CSS стили, прописать позицию, и наложение на друг дружку. Между 2 картинками.
Далее, первая - это загружаемая, вторая это анимация загрузки (предположим).
Делаешь так:
При каком либо эвенте, нужно указать src для картинки, и убедиться что изначально картинка спрятана, и запустить функцию которая будет запускать себя сама по таймеру, определённой длительности период, проверяя, не скачалась ли картинка. Для таймеров нада
window.setTimeout, для проверки скачалась ли картинка: эллемент(картинка)
.complete - возвращает true/false, если броузер закачал картинку.
Элементы находятся по ID:
getElementById
ЗЫ, image.complete - не всеми броузерами держится, и не везде правильно работает. Можно ещё у самого <img> элемента, добавить onload атрибут.