Buenas
Aqui te dejo un ejemplo
Se basa en 2 capas: en la primera metes tu página, y en la segunda está el tipico "cargando..."
En firefox funciona perfectamente, pero en el grandisimo IE no, y no entiendo por qué (parece ser q no admite el filtro de opacidad en la etiqueta DIV... entre otras cosas). Si alguien soluciona el problema IE que la haga saber.
Código HTML:
<html>
<body onLoad="habilitarPagina();" style="margin:0px;">
<script>
function habilitarPagina() {
document.getElementById('capa_cargando').style.visibility = 'hidden';
document.getElementById('capa_principal').style.opacity = 1;
}
</script>
<style>
.clase_principal {opacity:0.5;}
.clase_cargando {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
}
</style>
<div id="capa_principal" class="clase_principal">
<!-- toda la página principal empieza aqui -->
<iframe style="border:0px; width:100%; height:100%;" src="http://www.forosdelweb.com"></iframe>
<!-- aquí termina toda la página principal -->
</div>
<div id="capa_cargando" class="clase_cargando">
<div style="position:absolute; top:250px; left:350px; width:200px; height:20px; border:1px solid #FF6666;background-color:#000000;color:#FFFFFF; text-align:center;">
<b>cargando...</b>
</div>
</div>
</body>
</html> Un saludo.