Foros del Web » Creando para Internet » CSS »

Cerrar capa al acabar pelicula flash

Estas en el tema de Cerrar capa al acabar pelicula flash en el foro de CSS en Foros del Web. Tengo una flash que se reproduce en el interior de una capa. Cuando la flash termina esta desaparece, pero la capa siogue ahi tapando el ...
  #1 (permalink)  
Antiguo 12/02/2006, 07:16
 
Fecha de Ingreso: febrero-2006
Mensajes: 6
Antigüedad: 11 años, 10 meses
Puntos: 0
Cerrar capa al acabar pelicula flash

Tengo una flash que se reproduce en el interior de una capa.
Cuando la flash termina esta desaparece, pero la capa siogue ahi tapando el resto de la web.
¿Como se podria conseguir que cuando la pelicula termina y se apaga, tambien se cerrara la capa y asi apareciera la web tal cual?

Gracias
  #2 (permalink)  
Antiguo 12/02/2006, 20:23
AlvaroG
Invitado
 
Mensajes: n/a
Puntos:
pregunta: ¿para qué tenés la capa si flash siempre se reproduce por encima de cualquier div?


Saludos.
  #3 (permalink)  
Antiguo 12/02/2006, 23:03
 
Fecha de Ingreso: febrero-2006
Mensajes: 6
Antigüedad: 11 años, 10 meses
Puntos: 0
Bueno, la idea es esta....

Entras en la web, y a la vez por encima se reproduce un flash de 590x400px corto (1 minuto) de presentacion y centrado independientemente de la resolucion. Termina el flash, desaparece y sigue la web inicial tal cual.

Esto lo hago haciendo que salte una capa, y en su interior se reproduzca el flash.
Si en la capa no pongo configuracion para "background..." consigo lo que quiero, ya que al acabar el flash se queda lo que habia debajo tal cual y es accesible la informacion y los enlaces de la web. El problema de esto es que al ser transparente queda muy feo la reproducion del flash con parte de lo que hay en la web de fondo.
Para solucionar esto configuro "background...", entonces se reproduce todo, sin fondos raros, la pelicula termina y se quita, pero el problema es que el cuadro de la capa se queda ahi posicionado, y lo que hay debajo que es la web verdadera, ni se ve ni es accesible.

Por eso me interesaria utilizar esta ultima accion, pero consiguiendo que al acabar el flash la capa desaparezca tambien.

Lo que ahora con tu pregunta me he quedado un poco fuera de juego ¿Es que para reproducir un flash por encima de una web, posicionado donde yo quiero, no hace falta una capa? ¿Se puede hacer de otra manera?


Gracias anticipadas.
  #4 (permalink)  
Antiguo 13/02/2006, 00:01
Avatar de CORE
Usuario no validado
 
Fecha de Ingreso: abril-2002
Ubicación: Merida
Mensajes: 2.165
Antigüedad: 15 años, 8 meses
Puntos: 3
Tutorial de Banner Flotante

saludos
  #5 (permalink)  
Antiguo 13/02/2006, 13:22
 
Fecha de Ingreso: febrero-2006
Mensajes: 6
Antigüedad: 11 años, 10 meses
Puntos: 0
Gracias CORE.
Estudiare ese link

Yo la verdad es que estaba pensando en alguna rutina en javascript, pero mirare a ver lo del barner.

Saludos
  #6 (permalink)  
Antiguo 13/02/2006, 14:21
Avatar de CORE
Usuario no validado
 
Fecha de Ingreso: abril-2002
Ubicación: Merida
Mensajes: 2.165
Antigüedad: 15 años, 8 meses
Puntos: 3
ok perdon por no haberte explicado el por que del enlace

En el tutorial se muestra como cerrar una capa que contiene una pelicula flash por medio de un boton geturl

lo mismo puedes hacer pero en el ultimo frame de tu pelicula llamar al jascript pra cerrar la capa solo que en tutorial se muestra de diferente forma pero la idea vendria siendo la misma

saludos

Última edición por CORE; 13/02/2006 a las 14:31
  #7 (permalink)  
Antiguo 14/02/2006, 12:45
 
Fecha de Ingreso: febrero-2006
Mensajes: 6
Antigüedad: 11 años, 10 meses
Puntos: 0
De acuerdo

Ok, Core, funciono

Del tutorial, en lo que es el codigo java del html, he cambniado el valor de los fps que por defecto estaba en 15 y mi peli va a 12, y luego el numero de frames en dos lineas que por defecto estaban en 25 y yo he puesto los 635 que tiene mi peli. Por supuesto los cuatro nombres fdwcapa del ejemplo por el nombre que yo doy a mi peli.
En el flash he puesto en el ultimo frame lo que indicas, solo que en vez de una llamada onrelease() a traves de boton, he puesto la accion directa al fscommand().

Bueno, no tengo ni puta idea de programacion, solo de logica, y funcionar funciona, no se ni como ni si acertadamente, pero funciona.



Una ultima cosa queria comentarte, si me lo permites. Ya se que de esto hay foros y foros, soluciones y soluciones, y opiniones y mas opiniones. Te aseguro que me he leido tutoriales enteros y aplicado alguna que otra solucion, sin conseguir nada.
La cosa es la siguiente, la capa con la peli aparece siempre centrada en la web, independientemente de la resolucion de pantalla, y por debajo de ella la web tal cual. Esto perfecto, solo solamente que en el Explorer. En el Firefox aparece la capa arriba del todo a la izquierda, y por debajo de ella el resto de la web, con lo que no solamente pierdo el efecto de centrado y superposicion a la web del video, si no que cuando acaba la peli y desaparece la capa, hay que tirar de scroll para "bajar" a ver la web.


¿Que se puede añadir, o hacer, para que el efecto conseguido en Explorer sea el mismo en Firefox?

Gracias por la paciencia con este novato
Un saludo desde España
  #8 (permalink)  
Antiguo 14/02/2006, 13:23
 
Fecha de Ingreso: febrero-2006
Mensajes: 6
Antigüedad: 11 años, 10 meses
Puntos: 0
Hola otra vez.
Perdona Core, como ya te he indicado no tengo ni puta idea de programacion. He estado enfrascado en entender la logica del ejemplo para adaptarmelo, y no me he dado cuenta que el codigo ya va preparado para que la capa se vea en IExplorer y Firefox con los mismos resultados.

Ni caso pues a la pregunta anterior, y disculpas por mo torpeza.

Saludos
  #9 (permalink)  
Antiguo 23/12/2008, 14:34
 
Fecha de Ingreso: junio-2008
Mensajes: 17
Antigüedad: 9 años, 5 meses
Puntos: 0
Respuesta: Cerrar capa al acabar pelicula flash

mmmmmmmmmm

aver si te puedo ayudar

que tal si
a la capa le pones un boton de cerrar!!

dentro de la capa debajo del codigo de tu video o por ensima donde tu lo quieras

le pones


<a href='javascript:document.getElementById("la capa") .display="none";'>Cerrar</a></div>

en donde

(la capa)

es el id de tu capa

por ejemplo
esto es una capa

y su id es
capa1

<div id="capa1" style="position:absolute; left: 208px; top: 140px; width: 250 px; color: #555555 ; height:91px"></div>

asi que el codigo que te di deveria desir en este caso

<a href='javascript:document.getElementById("capa1") .display="none";'>Cerrar</a></div>

y listoooooooow

espero haverte podido ayudar..









kdt.

b13
  #10 (permalink)  
Antiguo 23/12/2008, 16:27
 
Fecha de Ingreso: junio-2008
Mensajes: 17
Antigüedad: 9 años, 5 meses
Puntos: 0
Respuesta: Cerrar capa al acabar pelicula flash

hey
ps me puse a mesclar codigo hasta que quedo asi.

se que te funcionara.

suerte!!!

b13.


<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title></title>
<style type='text/css'>
#capa {font-family:Arial; font-size:12px;}
</style>
<script language=JavaScript>
function cierra1()
{
document.getElementById('capa').style.display = "none";
}
</script>


</head>

<body bgcolor="#808080">

<DIV id="capa" STYLE="position: absolute; top:65px; left:400px; width:340px; height:290px;z-index=1;">
<div align="center">
<table width="100%" height="277" border="2" cellspacing="0" bordercolor="#000000" bgcolor="#000000">
<tr>
<td><div align="center">
<p class="Estilo16"><strong><font color="#FFFFFF">Recuerda ponerle<br>
PAUSA antes de cerrar la vent</font>a<font color="#FFFFFF">na</font></strong><font color="#FFFFFF"><br>
















</*
+---------------------------------------------------------+
| YO AQUI PUSE UN VIDEO DE YOUTUBE |
+---------------------------------------------------------+
| PERO TU PUEDES COLOCAR EL CODIGO PARA PONER TU VIDEO |
|ESPERO HAVERTE PODIDO AYUDAR. DEJAME UN RAYON EN MI SITIO|
|TE ESPERO OK. WWW.ELREYTOON.MX.GS |
|SEPARE ESTA PARTE DEL RESTO PARA QUE PUDIERAS IDENTIFICAR|
|El codigo que vas a cambiar. (elimina este texto) |
+---------------------------------------------------------+
*/>

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/X0-tFwpSzmg&hl=es&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/X0-tFwpSzmg&hl=es&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>


















<br><a href="javascript:cierra1();" class="Estilo1"><strong>
<font color="#FFFFFF">CERRAR</font></strong></a></p>
</div></td>
</tr>
</table>
</div>
</DIV><script language="JavaScript" type="text/javascript">

var capa =
{
topMargin : 25 , //posicion inicial
ceiling : 55 , //pixels del efecto de amortiguacion
desplazaTime : 1200 , //tiempo en recorrer la distancia anterior
capaDiv : document.all ? document.all.capa :
(document.layers ? document.capa : document.getElementById('capa'))
}

window.setInterval("capa.coordenadas( )", 35)

capa.coordenadas = function( )
{
if(document.all)
{
this.actualY = this.capaDiv.style.pixelTop;
this.scrollTop = document.body.scrollTop;
}
else if(document.layers)
{
this.actualY = this.capaDiv.top;
this.scrollTop = window.pageYOffset;
}
else if(document.getElementById)
{
this.actualY = parseInt(this.capaDiv.style.top);
this.scrollTop = window.pageYOffset;
}

var nuevoScrollTop = Math.max( this.scrollTop + this.topMargin, this.ceiling );

if ( this.actualY != nuevoScrollTop )
{
if ( nuevoScrollTop != this.targetY )
{
this.targetY = nuevoScrollTop;
this.desplazaInit( );
}
this.desplaza( );
}
}
capa.desplazaInit = function( )
{
var ahora = new Date( )
this.A = this.targetY - this.actualY ;
this.B = Math.PI / ( 2 * this.desplazaTime );
this.C = ahora.getTime( );
this.D = this.actualY;
}

capa.desplaza = function( )
{
var ahora = new Date( );
var nuevaY = this.A * Math.sin( this.B * ( ahora.getTime( ) - this.C ) ) + this.D;
nuevaY = Math.round( nuevaY );

if ( ( this.A > 0 && nuevaY > this.actualY ) || ( this.A < 0 && nuevaY < this.actualY ) )
{
if (document.all)
this.capaDiv.style.pixelTop = nuevaY;
else if(document.layers)
this.capaDiv.top = nuevaY;
else if(document.getElementById)
this.capaDiv.style.top = nuevaY;
}
}

</script>

aki va el contenido de tu web!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!
<br> <-Elimina esto!!

</body>

</html>
  #11 (permalink)  
Antiguo 24/12/2008, 03:45
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 10 meses
Puntos: 771
Respuesta: Cerrar capa al acabar pelicula flash

El mensaje original es de hace casi 3 años. Por favor, no reviváis temas tan antiguos.

Saludos,
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Tema Cerrado




La zona horaria es GMT -6. Ahora son las 02:55.