Ante todo, muchas gracias caricatos por tu respuesta.
Así es como me quedaría el código:
<script language="javascript">
<!--
function precargar() {
imgs = document.images;
precargadas = true;
for (var i = 0, total = imgs.length; i < total; i ++)
precargadas = (precargadas && imgs[i].complete);
if (precargadas) {
document.getElementById("cargando").style.display = "none";
document.getElementById("cuerpo").style.display = "block";
}
else setTimeout("precargar()", 100);
//-->
</script>
</HEAD>
<BODY onLoad="precargar()" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<div id="cuerpo" style="display: none" align="center" />
<!-- Cuerpo -->
</div>
<div id="cargando" style="height: 100%; background: url(imagenes/cargando.gif) no-repeat center center" ></div>
</BODY>
</HTML>
y el resultado. Carga bien imagen de cargando en el centro de la pantalla, transfiriendo datos y, cuando termina la descarga no sucede nada, no aparece el todo el cuerpo de la pagina sino que permanece el gif, en que me he podido equivocar?
Gracias, de nuevo.