<div id="message" style="display:none;">Подождите...</div>
<img id="image" src="01.gif" alt="Подождите, пожалуйста..." /><br />
<button onclick="gallery.prev();">Предыдущая</button>
<button onclick="gallery.next();">Следующая</button>
<script type="text/javascript">
// типа "класс" для смены картинок
function ImagesCollection(image_id, message_id)
{
    // массив с URL'ами картинок
    var images_list = new Array("01.gif", "02.gif", "03.gif", "04.gif", "05.gif");
    var current = 0; // текущая картинка
    var image_elem = document.getElementById(image_id);
    var message_elem = document.getElementById(message_id);

    // следующая картинка
    this.next = function()
    {
        if ( (current + 1) < images_list.length ) {
            ++current;
            message_elem.style.display = "block"; // показываем сообщение
            image_elem.src = images_list[current];
            image_elem.onload = function() {
                message_elem.style.display = "none"; // скрываем сообщение
            }
        }
    }

    // предыдущая картинка
    this.prev = function()
    {
        if ( current > 0 ) {
            --current;
            message_elem.style.display = "block";
            image_elem.src = images_list[current];
            image_elem.onload = function() {
                message_elem.style.display = "none";
            }
        }
    }
}

var gallery = new ImagesCollection("image", "message");
</script>