¿Quieres registrarte?

Visualizar menús desplegables por encima de películas Flash

Por: Zguillez
31 de Julio del 2009

Este es otro tip "only for dummies", que es muy sencillo pero que da dolores de cabeza a la gente que apenas se inicia en el mundo de Ajax únicamente utilizando los códigos automáticos de Spry que trae Dreamweaver.

El problema que muchos se encuentran es que los menús desplegables les quedan por debajo de las peliculas Flash, aun cuando está en un index inferior.



Esto tiene una solución muy sencilla, y pasa por añadirle la propiedad wmode de la pelicula Flash a valor transparente.

De manera que si estamos utilizando SwfObject para colocar el SWF, utilizariamos este código:

Código :

<script type="text/javascript">      
       var flashvars = {};
       var params = {};
       var attributes = {};
       params.wmode = "transparent";
       swfobject.embedSWF("a.swf", "flash", "320", "240", "10.0.0", "expressInstall.swf", flashvars, params, attributes);
</script>


Esta línea de código es suficiente para resolver el problema.



Aqui el ejemplo, por si alguien lo quiere ver ;)

Enviar a twitter Enviar a facebook


También te interesa


Etiquetas flash javascript ajax spry swfobject

Comentarios | Enviar un comentario
de hecho útil :) bien Z
Por: eldervaz
Ojo con utilizar esa propiedad, ya que consume más recursos de lo normal, además de que trae algunos errores.
Se podria usar Opaque en lugar de transparent. (no comprobé la diferencia en rendimiento)
Por: Danven-blog
Pues es muy util...
Por: Mago.ozkuro
en IE no funciona :S
Por: pH-blog
increiblemente sencillo, increiblemente util. :)
Por: Gioo-blog
Que bien nunca lo necesite pero es bueno sabero!
Por: taki09
Tengo una duda este es mi codigo:

-->> Aqui empieza mi codigo...
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="1020" height="360">
<param name="movie" value="http://misitip.com/video.swf">
<param name="quality" value="high">
<embed src="http://misitio.com/video.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1020" height="360"></embed>
</object> <<-- Aqui termina
Donde puedo incluir este tip, gracias por la ayuda desinteresada...
Por: Alex-blog
:o
Vaya, esto es algo muy útil, en cierto sitio hay un problema con esto, ojalá lo arreglen pronto.

Muy buen tip Zguillez :)
Por: [Ray]
Además de transparente, se puede usar opaque.
También creo necesario usar un método "correcto" para insertar el flash, usando object y no embed, o en su defecto con algún script javascript (cosa que a mi me parece horripilante).

Otro punto a considerar es el z-index de los elementos involucrados. Hay que asegurarse que el menú esté por encima del flash en el eje Z.
Por: Lester Fibla Saavedra-blo
Si pero me podrian ayudar con este problemilla, por favoooooor!!!
Por: Alex-blog
Socorroooo, alguien podria ayudarme porfis...! :(
Por: Alex-blog
Rompiendome la cabeza lo logre, solo creo que era cuestion de logica.. gracias por el datasasasasasazo :)
Por: Alex-blog
Ya lo dijo alguien antes y lo repito: en IE no funciona.
Por: Carlos-blog
si pogngo el codigo scrip fuera del swf en ie no funciona y si lo pongo adentro del scrip del swf el flash me sale transparente como si no existiera un swf :S
Por: Alexandro-blog
no funciona en IE!!
Por: nx-blog
Oxea no funciona en el navegador que la mayoria de los internautas utilizan... No hay manera de poder hacerlo en IE?
Por: No funciona en IE-blog
Hola Zguillez

bueno... soi un tanto novata en todo esto de webs html y flash ...
por lo mismo tengo un problema... logre hacer mi sitio i agregarle una galeria flash, pero el menu desplegable que hice en DW queda detras de esta galeria.... intenté cambiando el código que publicaste aquí en este foro... pero nada sucedio, de hecho solo desaparecio mi galeria :S

este es el codigo de la galeria en el html

espero que puedas ayudarme :$



<script type="text/javascript" src="http://jrbenavente.webs.com/lugares/swfobject.js"></script>
<div id="flashcontent">SimpleViewer requires JavaScript and the Flash Player.
<a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
<script type="text/javascript">
var fo = new SWFObject("http://jrbenavente.webs.com/lugares/viewer.swf", "viewer", "645", "472", "8", "#181818");
fo.addVariable("xmlDataPath", "lugares/gallery.xml");
fo.write("flashcontent");
</script>




muchas gracias de antemano : )


saludos!
Por: javi -blog
Muchas gracias loco!!!
Por: elmanusito-blog
saludos a todos...

me ha funcionado muy bien el menu desplegable por encima de los videos.. pero se ha presentado un detalle, ahora no funciona el scoll del raton al pasar por encima de los videos, como podre solucionar ese detalle...
Por: raul-blog
Esto no funciona en ie, que es lo q sucede con ese browser??? jajaja, pero bueno alguien sabe xq no funciona en internet explorer?
Por: kike+-blog
Deja un comentario
IMPORTANTE

Recuerda ser respetuoso, no insultes a otras personas, ni uses palabrotas, hay una persona al otro lado de la pantalla.

Habla bien, NO ESCRIBAS EN MAYUSCULA TODO, no escribas como en un SMS, evita cosas como "ke", "x q" y demás abreviaciones.

Aquí funcionan las etiquetas de los foros, puedes usar [b] para negrita, [img] para las imágenes, [url] para los enlaces, etc.

Si tienes preguntas técnicas, envíalas mejor al foro.