Форум

Добавляем такой стиль в таблицу стилей:

#loading {
z-index: 10;
position: absolute;
margin: 0px 0px 0px 3px;
background: url(images/loading.gif) no-repeat center center;
display: block;
height: 44px;
width: 120px;
}

loading.gif - это картинка с анимационным изображением бегунка.
Далее пишем скрипт:

<script>
function hideLoad()
{
document.getElementById('loading').style.display='none';
}
</script>

и в выводе картинки добавляем:

<div id="loading"></div>
<img src="images/photo.jpg" onload="hideLoad();">