Hola dieguicho:
Voy a decirte como pienso que debes hacerlo:
Cuando cargas una imagen, usando el atributo src del "objeto" Image, hay otra atributo que mientras está cargando es falso, y cierto al completarse (true/false), el atributo "complete"...
Entonces, después de usar el valor src, te diría que llamaras a una función de chequeo del atributo complete cada cierto tiempo:
<script language="JavaScript">
function foto(id){
document.mostrar.src = 'http://127.0.0.1/fotos/' + id +'.jpg';
cargando(id);
}
function cargando(foto) {
if (document.mostrar.complete) {
// completada la carga
}
else {
// aún no se cargó
var nuevamente = 'cargando("' + foto + '")';
setTimeout(nuevamente, 100);
}
}
</script>
Donde están los comentarios deberías poner lo que quieras que pase mientras se cargue la página.
Espero que te sirva.
Saludos
