Home » Ajax »Básico »Flash » Currently Reading:

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

julio 31, 2009 Ajax, Básico, Flash 8 Comments
Visualizar menús desplegables HTML por encima de películas Flash

Este es otro tiponly 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 estando 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 invisible.

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

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

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

Aqui el ejemplo, por si alguien lo quiere ver 😉

Compártelo:

Visualizar menús desplegables HTML por encima de películas Flash
Visto 11.835 veces

Currently there are "8 comments" on this Article:

  1. Otaku RzO dice:

    Este truco también funciona cambiando:
    – params.wmode = “transparent”;
    por:
    – params.wmode = “opaque”;

    Para los que no quieran poner sus SWF sin fondo.
    :)

  2. admin dice:

    Cierto, gracias por el comentario Otaku 😉

  3. admin dice:

    Hola @Cay, gracias por el aporte
    Si, ya leí en su dia ese articulo de Zarate.
    Ciertamente no es la solución más óptima, pero saca del apuro a la gente primeriza que se encuentra con ese problema (que son muchos)..
    Lógicamente lo mejor es diseñar un layout en el que no tengas que pasar elementos html por encima de objetos Flash. Pero eso ya es otra historia.. 😉

  4. Bastante util, muchas gracias. Muy bueno el blog.

  5. Esto sirve para cualquier .swf??? Aunque no sea un menú?

  6. cesar dice:

    gracias por el aporte ahora ire a probarlo

  7. María dice:

    Hola, he estado viendo como utilizando params.wmode = “transparent”; es muy útil porque me pasaba que el flash ocultaba el menú emergente.
    Mi problema viene cuando lo que tengo es un flash de una galería fliker “PictoBrowser” y no se dónde o como colocar este parametro, ya que el flash objet no viene deslosado como indicais mas arriba. Póngo mi código a ver si me dais una solución:

    Get the flash player here: http://www.adobe.com/flashplayer var so = new SWFObject(“http://www.db798.com/pictobrowser.swf”, “PictoBrowser”, “610”, “509”, “8”, “#EEEEEE”); so.addVariable(“source”, “keyword”); so.addVariable(“names”, “modernosalones”); so.addVariable(“userName”, “MUEBLES EPA”); so.addVariable(“userId”, “49400400@N07”); so.addVariable(“ids”, “modernosalones”); so.addVariable(“titles”, “off”); so.addVariable(“displayNotes”, “off”); so.addVariable(“thumbAutoHide”, “off”); so.addVariable(“imageSize”, “medium”); so.addVariable(“vAlign”, “mid”); so.addVariable(“vertOffset”, “1”); so.addVariable(“colorHexVar”, “EEEEEE”); so.addVariable(“initialScale”, “off”); so.addVariable(“bgAlpha”, “100”); so.write(“PictoBrowser100421095435”);

    Muchas gracias!

Comment on this Article:








Twitter: zguillez

AdvertisementAdvertisementAdvertisementAdvertisement

Recibe las novedades por email

Post destacado

eSeminars Adobe CS5

21 may 2010

Mediterranean Adobe User Group eSeminario Descubre Flash Player 10.1 para dispositivos moviles Miercoles 9 Junio – 20:30hs-UTC+2 Presentación de las novedades de esta nueva versión. Descubre en este eSeminario cómo puedes desarrollar una aplicación para un dispositivo móvil utilizando las particularidades del Flash Player 10.1, geolocalización a través del GPS, interacciones multitáctiles y el uso del accelerómetro serán en tus futuras aplicaciones móviles un punto fuerte. Más información eSeminario Widget Browser para Dreamweaver CS5 Miércoles 14 Junio – 11:00hs-UTC+2 Presentación de la eficacia del Widget Browser en el manejo de nuestros widgets. Descubre en este eSeminario cómo puedes configurar el …



Map

Ranking

Codigoactionscript.org: 4.65 sobre 5 (106 valoraciones)

twitter-widget.com