Hola:
Se me ocurre que podrías poner una capa superpuesta sobre la imagen con esa imagen centrada, y con el evento onload de la imagen ocultar la capa:
Código:
<html>
<body style="backgrund-color: #eeeeee">
<span style="position: relative; background-color: gray; padding: 0"
><img src="../fotos/flor.jpg" width="640" height="480" style="pargin: 0" onload="this.nextSibling.style.visibility = 'hidden'"
/><span id="cargando" style="position: absolute; background: white url(../dibujos/indicator.gif) no-repeat center center; top: 0; left: 0; width: 640px; height: 480px" />
</span>
</body>
</html>
Lo puedes probar en esta página:
Probador de scripts
Por cierto, creo que la imagen podría ser esta:
Saludos
