como muestro un layer pasados 20 segundos?

Franc.Rodríguez · #1 (**permalink**) 03/12/2006, 10:45

hola buenas,pues necesitaria saber como mostrar un layer pasados 20 segundos...osea antes de esos 20 segundos muestre uno y pasados esos 20 segundos muestre otro,pero cuando muestre el segundo no vuelva a cambiar.

Osea antes de 20s: muestro el layer 1.
Tras 20s: muestro layer2 y se queda el 2....

como podria hacer esto?muchas gracias de antemano.

Un Abrazo.

JavierB · #2 (**permalink**) 03/12/2006, 11:02

Hola Franc.Rodríguez

Código PHP:

  <html>
<head>
<script type="text/javascript">
function ocultar() {
  document.getElementById('div1').style.display = 'none';
  document.getElementById('div2').style.display = 'block';
}
</script>
</head>
<body onload = "setTimeout('ocultar()',3000)">
<div id="div1">Capa 1</div>
<div id="div2" style="display:none">Capa 2</div>
</body>
</html>

Saludos,

Franc.Rodríguez · #3 (**permalink**) 03/12/2006, 11:11

gracias,era justamente lo que estaba buscando.

Muchas gracias.
Un abrazo fuerte campeon.

Franc.Rodríguez · #4 (**permalink**) 03/12/2006, 11:53

hola otra pregunta...se que es rizar el rizo...pero se podria hacer que la capa2 no se cargue hasta que no se muestre?....es dificil lose,pero me interesaria que no se cargara hasta que no se muestre....es factible?

gracias!

JavierB · #5 (**permalink**) 03/12/2006, 12:26

Hola de nuevo.

Rizando el rizo...

Código PHP:

  <html>
<head>
<script type="text/javascript">
function ocultar() {
  ele = document.body.appendChild(document.createElement('div'));
  ele.innerHTML = 'Capa 2';
  document.getElementById('div1').style.display = 'none';
}
</script>
</head>
<body onload = "setTimeout('ocultar()',3000)">
<div id="div1">Capa 1</div>
</body>
</html>

Saludos,

Franc.Rodríguez · #6 (**permalink**) 03/12/2006, 12:43

hola gracias,va perfecto ^^

Saludos! un Abrazo!