Problema con Capas en Dreamweaver

Ernesto · #1 (**permalink**) 11/06/2003, 17:56

Hola a todos:

¿Sabe alguien como hacer para que una capa aparezca o desaparezca gradualmente, no de golpe?

Gracias.

Ababol · #2 (**permalink**) 15/06/2003, 10:15

Pues personalmente no lo he intentado núnca, ni me agrada trabajar con capas, pero...

...imagino que crearía capas intermedias con escala de intensidad y las controlaría con algo de JavaScript.

Lo que sí te puedo asegurar es que únicamente con DW y dos capas no puedes realizar ese efecto. Seguro que lo has visto en algún sitio hecho con Flash.

Saludos,
Ababol.

JavierB · #3 (**permalink**) 15/06/2003, 11:09

Hola, Ernesto.

No se si habrá alguna forma de hacerlo con Dreamweaver, pero el mensaje de Ababol me ha dado una idea y he preaparado este código:

Código PHP:

  <html> 
<head> 
<script> 
op=0; 
function ver() { 
    op+=10; 
    capa.style.filter="alpha(opacity="+op+")"; 
    tmp=setTimeout("ver()",500);     
    if (op>=100) clearTimeout(tmp); 
} 
</script> 
</head> 
 
<body> 
<div id="capa" style="filter=alpha(opacity=0);position:absolute; width:200px;>  
  En un lugar de la Mancha de cuyo nombre no quiero acordarme </div> 
<input type="button" onClick="ver()"> 
</body> 
</html>

Espero que te ayude. Saludos,

Ernesto · #4 (**permalink**) 15/06/2003, 16:51

Gracias por contestar.

He intentado el código pero no me funciona, ...

En el manual de Dreamweaver dice:

"...Dreamweaver permite insertar y animar capas sin necesidad de utilizar código JavaScript o HTML. Puede colocar unas capas delante o detrás de otras, ocultar algunas capas mientras muestra otras y mover capas por la pantalla. Puede colocar una imagen de fondo en una capa y, a continuación, insertar una segunda capa, con texto y un fondo transparente, delante de la primera. Además, puede animar capas para que aparezcan o desaparezcan gradualmente ."

O sea, que sí se puede. Pero el manual no dice cómo. Supongo que será en la línea de tiempo, pero sólo consigo que aparezcan o desaparezcan "de golpe" y yo quisiera que fuese "gradualmente".

¿Podeis ayudarme?

Ababol · #5 (**permalink**) 15/06/2003, 17:09

Pido disculpas ante mi errónea respuesta, pues parece que sí puede realizarse.

He visto por encima la documentación y parece que si hay información al respecto. Consulta "lineas de tiempo" y "comportamientos JavaScript".

Saudos,
Ababol.

Ernesto · #6 (**permalink**) 15/06/2003, 17:52

Disculpas aceptadas.

Pero por mucho que consulto "líneas de tiempo" y "comportamientos JavaScript", no doy con la solución para mostrar y ocultar gradualmente las capas.

Seguro que es una tontería que tengo delante de mis narices, ...

regui · #7 (**permalink**) 16/06/2003, 05:01

Es facil de hacer, solo que un poco rebuscado. Se hace con timelines y animando la propiedad de CSS de alpha(Opacity) que usa JavierB.
Lo que tienes que hacer es irte a timelines, añadir la capa y en behaviors añadirle (en el frame que quieras que empiece a desaparecer) el behavior change property, te aparecerá la ventanita, seleccionas la capa que quieras, y en el combo que aparece seleccionas "style.filter" luego en donde pone new value solo tienes que poner Alpha(Opacity=X) donde la X es el valor de transparencia. A mas bajo más transparente. Asi vas añadiendo beheviors en diferentes frames hasta que desaparezca o aparezca, lo que tu quieras hacer.
Espero haberme explicado bien, si tienes alguna duda perguntame. O si no puedo mandarte un pequeño ejemplo, solo que con las timelines ya sabes que se genera mucho código. Si no te postería aqui. La prueba que he hecho, pero solo con un fondo negro y una capa blanca, me ha ocupado 112 lines más o menos.
Por eso creo que intentar por javascript como dice JavierB sería mejor opción, aunque asi tb lo hace.

Ernesto · #8 (**permalink**) 16/06/2003, 09:39

Ok. Voy a intentarlo.

Gracias a todos.