Foros del Web » Creando para Internet » HTML »

Flash oculta ventana flotante

Estas en el tema de Flash oculta ventana flotante en el foro de HTML en Foros del Web. Hola chicos He puesto este problema en el subforo de javascript pero creo que debí hacerlo en html, si rompo alguna norma por favor disculpen, ...
  #1 (permalink)  
Antiguo 28/06/2010, 11:34
Avatar de JinSunMi  
Fecha de Ingreso: octubre-2006
Ubicación: Lima
Mensajes: 101
Antigüedad: 11 años, 1 mes
Puntos: 0
Flash oculta ventana flotante

Hola chicos
He puesto este problema en el subforo de javascript pero creo que debí hacerlo en html, si rompo alguna norma por favor disculpen, no sé si estoy infringiendo alguna,

Hice una tabla y la dividí en dos celdas
en la celda izquierda puse un logotipo pequeño hecho en flash
en la celda derecha puse un código javascript que me permite abrir una ventana flotante con una imagen haciendo click previamente en un thumbnail

PROBLEMA
la película flash del logotipo sale encima de la ventana flotante y tapa parte de la imagen
¿Como lo soluciono?
les agradeceré mucho su ayuda
gracias
Jin
__________________
Veterinaria por pasión, webmaster por placer
  #2 (permalink)  
Antiguo 28/06/2010, 13:30
Avatar de fermar21  
Fecha de Ingreso: marzo-2004
Ubicación: San Nicolas - Bs. As.
Mensajes: 294
Antigüedad: 13 años, 8 meses
Puntos: 0
Respuesta: Flash oculta ventana flotante

Ponle al swf la propiedad wmode = transparent
__________________
Fernando Marinzulich
Programador Web (PHP/MySQL/Jquery)
  #3 (permalink)  
Antiguo 28/06/2010, 17:02
 
Fecha de Ingreso: junio-2002
Mensajes: 751
Antigüedad: 15 años, 6 meses
Puntos: 22
Respuesta: Flash oculta ventana flotante

Primero prueba si te funciona añadiendo el parámetro wmode en el objeto y embed de flash:
Por un lado: <param name="wmode" value="opaque"></param>
Por otro lado y dentro del la etiqueta embed: wmode="opaque"
Si con opaque no te funciona puedes probar con transparent
Si con eso no te funciona entonces prueba con la propiedad z-index de CSS.

http://www.forosdelweb.com/f91/ayuda...9/#post3455453
Cita:
Iniciado por all-ill Ver Mensaje
Se trata de combinar el parámetro wmode="transparent" o wmode="opaque" (quizá mejor usar opaque porque creo que hace trabajar menos a flash, por lo de no tener que interpretar el canal alpha...) de flash con la propiedad z-index de CSS.
Pongo un ejemplo que acabo de hacer (para otros ejemplos, por si me dejo algo, puedes buscar en Internet, creo que lo llaman css overlap):
Código HTML:
Ver original
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  2.     "http://www.w3.org/TR/html4/strict.dtd">
  3.     <title>Ejemplo capa superpuesta sobre animaciones flash</title>
  4.     <link rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8" />
  5.    
  6. </head>
  7.     <div class="overlap">capa superpuesta</div>
  8.     <div><object width="640" height="385"><param name="movie" value="http://www.youtube-nocookie.com/v/ziDeUbifKIM&hl=en_US&fs=1&color1=0x3a3a3a&color2=0x999999"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube-nocookie.com/v/ziDeUbifKIM&hl=en_US&fs=1&color1=0x3a3a3a&color2=0x999999" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385" wmode="transparent"></embed></object></div>
  9. </body>
  10. </html>
Código CSS:
Ver original
  1. .overlap{z-index:1000;height:200px; width:250px; background-color:black; position:absolute; left:500px; top:100px; color:white; text-align:center; font-size:2em;overflow:hidden;}

El primer punto importante es la propiedad z-index. La de la capa que quieras poner por encima de otras debe tener un z-index superior a las demás.
El otro punto a destacar es la inclusión del parámetro wmode en el código usado para cargar el archivo de flash. En el código que he copiado de youtube he añadido lo siguiente:
<param name="wmode" value="transparent"></param>
y dentro de la etiqueta embed wmode="transparent"
Aunque en lugar de transparent se puede usar opaque.

Etiquetas: flash, flotante, oculta, ventanas
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.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:43.