Ver/Ocultar capas

xavis75 · #1 (**permalink**) 11/12/2003, 05:02

Hola gente !

Quiero visualizar/ocultar diferentes capas en una página web.
Hasta aquí no hay problema. Para que os hagáis una idea, sería como una intro.

La pregunta es:
Las caps se han de visualizar/ocultar según una frecuencia de tiempo x.
He puesto el código (capas y llamadas a funciones script) en el body, y el resultado es que sólo veo la última capa visualizada.

Digamos que al cargar la página, lo hace todo, pero sólo me enseña el resultado de la última acción, que es cuando realmente ha cargado la página.

Supongo que lo ideal es iniciar ese código cuando la página ya está cargada, pero no encuentro el evento con que realizarlo.

Bueno, espero que podáis ayudarme.

Un saludo y gracias por vuestra atención

KarlanKas · #2 (**permalink**) 11/12/2003, 06:51

Si pones el código sería más fácil ayudarte. Esto me recuerda mucho al proyecto PAIS... Mira esto:

Pincha aquí

jercer · #3 (**permalink**) 11/12/2003, 07:42

el evento cuando se ha cargado la página sería:

<body onload="tu_funcion()">

xavis75 · #4 (**permalink**) 11/12/2003, 11:30

Hola,
He probado lo que comentaba jercer <body onload="iniciar();)>
pero el resultado es el mismo, os adjunto el código.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type='text/javascript' language=javascript src="scripts/halcor.js"></script>
<script>

function iniciar(){
// setFondo('fondo');
iniciar2();
}

function iniciar2(){
divLogoMovistar.style.visibility='visible';
pausa(3);
divLogoMovistar.style.visibility='hidden';
divLogoAirtel.style.visibility='visible';
pausa(3);
divLogoAirtel.style.visibility='hidden';
divLogoAmena.style.visibility='visible';
}

function pausa(segundos){
var dt=new Date(), seg1, seg2;
seg1=dt.getSeconds(); seg2=seg1;
while(segundos>=(seg2-seg1)){
dt=new Date();
seg2=dt.getSeconds();
window.alert(seg2-seg1);
}
}

</script>
</head>

<body style="margin:0" onLoad="iniciar();" onResize="setFondo('fondo')";>
<div id="divGeneral" style="position: relative">
<div id="divFondo" style="position:absolute; top:0; left:0;">
<img id=fondo src="images/fondo.jpg" style="position:absolute;top:0; left: 0; width:0;left:0">
</div>
<div id="divLogoMovistar" style="position:relative; visibility:hidden;">
<img id="imgLogo" src="images/logo_movistar.jpg">
</div>
<div id="divLogoAirtel" style="position:relative; visibility:hidden;">
<img id="imgLogoAirtel" src="images/logo_airtel.jpg">
</div>
<div id="divLogoAmena" style="position:relative; visibility:hidden;">
<img id="imgLogoAmena" src="images/logo_amena.jpg">
</div>
</div>
</body>
</html>

Un saludo y gracias

jercer · #5 (**permalink**) 12/12/2003, 08:38

Prueba con esta función iniciar:

function iniciar(x){
if (x == 0){
divLogoAirtel.style.visibility='visible';
divLogoMovistar.style.visibility='hidden';
window.setTimeout("iniciar(1)",3000);
}else{
divLogoAirtel.style.visibility='hidden';
divLogoMovistar.style.visibility='visible';
window.setTimeout("iniciar(0)",3000);
}
}

y la llamas:
iniciar(0);

xavis75 · #6 (**permalink**) 16/12/2003, 04:33

Gracias compi, exactamente lo que buscaba
Un saludo