Saludos,
Bueno he implementando la propuesta que les dí un par de posts más arriba, y creo que los resultados fueron buenos
Eso sí, esto lo hice solo para probar si funciona, así que lo hice a rápido usando los javascripts que pone el DreamWeaver y los layers creados con el mismo programa....
Pero la lógica es la misma, dos layers uno para el loader y otro para el contenido (invisible por defecto), en la etiqueta Body uso el OnLoad para saber cuando se cargue todo el body llame un javascript que cambie los propiedades de visibilidad de los layers y listo!
Como les digo esta es la solución que se me ocurrió al problema, talvez hay mejores formas de hacerlo, les aconsejo que la prueben y opinen...
Aquí pegaré el código, guardenlo como un archivo html.
Por cierto en este foro no se pueden hacer attach???
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>
<body onLoad="MM_showHideLayers('cargador','','hide','contenido','','show')">
<div id="cargador" style="position:absolute; left:309px; top:119px; width:134px; height:77px; z-index:3; background-color: #CCDDFF; layer-background-color: #CCDDFF; border: 1px none #000000;">
<div align="center"><br>
Cargando...</div>
</div>
<div id="contenido" style="position:absolute; left:26px; top:33px; width:735px; height:270px; z-index:2; background-color: #B6D1E2; layer-background-color: #B6D1E2; border: 1px none #000000; visibility: hidden;">
Aquí ponemos todo el contenido de la página...<br>
<iframe src="http://www.forosdelweb.com" height="400" width="600" scrolling="auto"></iframe>
</div>
</body>
</html> Escucho cualquier sugerencia o consulta...