Cristalab

Flash Transparente

Por: killersites + 08.04.2006

Una humilde colaboración a una pregunta frecuente:

Existen 2 formas de hacer una película con fondo transparente:

Con Flash
El archivo HTML para una película flash se puede crear usando Publish Settings donde está la opción de ajustar WMODE. Las opciones seleccionadas se agregarán a la página HTML publicada automáticamente. File > Publish Settings. Seleccionamos HTML
Elegimos "Transparent" en WMODE y publicamos.

Con Dreamweaver
En Dreamweaver es todavía más sencillo: insertamos el archivo .swf en la página y seleccionamos la película Flash en la vista de diseño.
En el panel Properties panel, elegimos Parameters y para el parámetro ponemos "wmode". Para el valor en Value, "transparent". Guardamos el documento.

Etiquetas flash

Comentarios | Enviar un comentario
Thumbs up Thumbs up Thumbs up Thumbs up
Por: Stopa
Recordad amigos que esto solo funciona en Internet Explorer y no en otros navegadores, tales como, Firefox, Opera, Safari y derivados.

Gracias por tu Tip killersites!! Guiño

Deu!! miau
Por: Elecash
De hecho elecash, si funciona en Firefox. Pero se hace mas pesado para el procesador
Por: Freddie
Interesante aclaración Sonrisa como bien dices, una duda muy frecuente miau
Por: MorphX
Eso fue algo que se trato en cristalab hace unos meses, donde se dieron solución incluso para que esto se pudiera hacer en Firefox tambien

cachofontana :

Una vez hice esa pregunta y nadie supo responderme asi que tuve que investigar e investigar! Ninja

Lo de hacer transparente es muy facil con un param transparent basta, pero el problema que en fire fox eso no funciona, y nadie sabia decirme porque. Bueno lo descubrí de puro pedo! urgando y urgando vi que en el flash montado sobre el html usa dos tipos de etiquetas para hacer las mismas funciones, por ejemplo:

<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="541" height="242">

<param name="movie" value="oferta1.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">

<embed src="oferta1.swf" quality=high wmode=transparent pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="541" height="242"></embed</object>



En este caso la propiedad transpatent funciona solo para IE porque está dentro de param. Pero si uso:


<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="541" height="242">

<param name="movie" value="oferta1.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">

<embed src="oferta1.swf" quality=high wmode=transparent pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="541" height="242"></embed</object>



En este caso funcionadría para EI y Firefox! ya que use la propiedad dentro de param y embed. Y con esto se soluciona el NO USO de los GIF que hacen esos halos de porquería y que son tan feos, el flash trasparente es lo mas LOCO! puedo hacer miles de cosas muy hermosas y bonitilllas.
Lengua


el link de ese tema en el foro es:
http://www.cristalab.com/foros/viewtopic.php?p=52846#52846

algo viejo Lengua

saludos
Por: Maikel_blog
Esto funciona en linux a mi por ejemplo no, lo hago con el dreamweaver utilizando el parametro wmode a transparent
Por: axdaleon
Es muy interesante, pero lo malo es q come mucho del procesador y algo de memoria, y para algunas personas el tiempo es muy importante, por eso he optado por eliminar loa ventanas trasnparentes Triste aunq me costo mucho trabajo, pero despues los tiempos de carga en las paginas mejoraron. Sorpresa
Por: Jack Royce
Estos son los navegadores que lo soportan:

Windows and Mac OS X

Internet Explorer 3 or higher (Windows)
Internet Explorer 5.1* and 5.2* (Macintosh)
Netscape 7.0*
Mozilla 1.0 or higher*
AOL*
CompuServe*

* Macromedia Flash Player version 6,0,65,0 (Windows) or 6,0,67,0 (Macintosh) o mayores para usar esta caracteristica.

Fuente:
http://www.macromedia.com/cfusion/knowledgebase/index.cfm?id=tn_14201
Por: xRoa©
Gracias por el tip y la info de los navegadores que lo soportan!
saludos.
Por: Amar la tierrA_blog
si usas <param name="wmode" value="transparent"> y <embed wmode=transparent> funciona perfecto en el explorer y firefox pero, si tienes algun boton o vinculo en la pelicula flash, en firefox no funciona

¿como solucionar esto? :b
Por: enrique360_blog
todo muy super, pero como hagoi si quiero ese efecto SOLO DESDE FLASH MX??? con un swf que no tenga su exportacion con archivo html
Por: 666satan
En linux la transparencia no funciona, asi le pongas:

<param name="wmode" value="transparent">

y

<embed wmode=transparent>

Si alguien sabe como hacer para que funcione la transparencia en Linux se lo agradecere mucho, por siacaso me refiero a Navegador Firefox corriendo bajo Fedora Core 5
Por: NeoCesar_blog
NeoCesar, no se puede, la transparencia es algo que el Flash Player logra usando DirectX. Usa otras tecnicas, no uses el wmode transparent. Se creativo.
Por: Freddie
Alguien sabe como hacer para activar la transparencia en los menús del Fedora core 5... no en el firefox
Por:
cuando empiezo a emocionarme por el asunto de la trasparencia , sale esto del firefox que ya se esta expandiendo!! ups
Por: camille_blog
Con animaciones en SwishMax no funciona el wmode="transparent" de la etiqueta embed, sin embargo si con <param, para el Firefox, alguien sbe como solucionarlo?
Por: berto_blog
genio!!!
Por: Bazza_blog
Y que pasa ahora que en explorador salen esas horribles marcaciones plomas???..como hacer un flash trasnparente si para quitar esas marcaciones debes colocar un srcipt que practicamente te saca todas las propiedades que le puedas aplicar la pelicula dentro del html???
Por: Yakucita
http://blog.deconcept.com/swfobject/

Un ejemplo de parametros:

Código :


<script type="text/javascript">
   var so = new SWFObject("movie.swf", "mymovie", "200", "100%", "7", "#336699");
   so.addParam("quality", "low");
   so.addParam("wmode", "transparent");
   so.addParam("salign", "t");
   so.write("flashcontent");
</script>

Por: danVen
Y como puedo hacer para cerrar el swf que esta como popup sobre el html...??? helllp!
Por: alejandra_blog
Hola, existe algun codigo para que la transparencia de flash se vea en todos los navegadores ??? Gracias.
Por: Dani_blog
Enrealidad de lo mas Util,
Por: eveevans_blog
Hola!
Para mi, la forma mas rápida y efectiva de solucionar todos los problemas es integrar el fondo en el propio flash y la web en sí montarla en otro/os nivel/es superior/es.

Ejemplo de ello es una de las últimas en la que trabajé.. creaerte.com
Por: pitger
Hola pitger...
Vi la pagina y no me agrado... el diseño esta bien, al igual que el concepto; pero a mi, por lo menos, el menu lo abrio como un pop-up y porsupuesto el explorador lo bloqueo, tuve que hacerlo de forma manual (molestia 1), trabajo con resolución 1280*1024 y me fue imposible ver la parte inferior de la película (molestia 2), el sonido no me agrado y para colmo no consegui un boton para desactivarlo(molestia 3). En conjunto, todas esas cosas me hicieron cerrar la pagina de inmediato y escribirte estas lineas... se que no tiene nada q ver con el tema, pero es una opinion...

Saludos...
Por: ironpopcorn_blog
Hola Ironpopcorn_blog... y a todos x extensión.

Totalmente de acuerdo contigo man! Te explico los porqués a estas molestias que mencionas...

molestia 1 .- El formato pop-up es una elección del cliente (Bien sabe Dios que siempre le advertí que esto es una mala práctica)

molestia 2 .- Resolución de pantalla. Si no recuerdo mal esa web estaba diseñada para verse en resolucion a 1024 x768 en el Pop Up, donde se deshabilitan barras de herramientas y de scroll lo cual es peor... si tu la abriste manualmente mediante "www.creaerte.com/menu.htm" como intuyo, es muy probable que te haya ocurrido eso. Evidentemente este problema lo tenía en mente, pero el cliente no hace caso de mis advertencias.

molestia 3 .- No te gusta la música. NI A MI !!! pero cuando dije de poner un pequeño reproductor para seleccionar tema (cada vez que se abre la página se abre un tema aleatorio de 5) me dijo el cliente que ya era mucho meter.

No creo que esa sea una forma de avanzar en diseño y no se siente uno realizado cuando dices los problemas a los que se expone un usuario y nunca te toman en serio. Deprime mucho, creedme.
Por: pitger
si funciona en firefox
Por: metrallo _blog
hola disculpen pero hize una animacion en flash y tienen unos enlaces a otras paginas cuando lo tengo en flash no pasa nada pero cuando los paso al html ps lo enlaces no funcionan alguien me puede decir ke falla?
Por: juan pablo_blog
Excelente, se me habia olvidado el código. Y que buena que funcione para firefox. Muchas Gracias por el aporte.

Saludos
Por: Ufita_blog
Hola que tal, tengo un problemita con eso de las resoluciones en flash 8, miren. por ej.
yo manejo una resolucion de 1280 * 1024 px
y trabajo a la misma resolucion.
el caso es como le hago para que los visitantes de las paginas se ajuste a su pantalla osea la animacion esta a 1024 * 768 px y el visitante la tiene a la misma, pero el problema es que tiene que estar con los scrolls para que mas o menos se ajuste a su pantalla y ni asi se ajusta porque siempre le hace falta mas espacio, el chiste es que codigo manejo para que se ajuste mi animcaion a la resolucion que se tenga si es chica o grande se ajuste sin problema, espero me puedan responder se los agradecere mucho...
Por: Ivan_blog
Hola
Trabajo un menu en swf con wmode en transparente, pero el objeto de abajo tambien es un swf, entonces el menu desplegable transparente no me aparece, pero solo pasa en las pc, en las mac no tengo ese problema, alguien me puede ayudar?
Mil gracias
Por: Renzo_blog
gracias me es bueno y facil por dreamweaver hacer transparencia buen punto
Por: Adolfo_blog
Alguien sabe de algun lugar de aprendizaje en animacion cerca de Nayarit !!! Los mas cerca posible..???

Jhony Alex Celso
Por: Jhony Alex Celso_blog
grande!!!!! cachofontana. me ahorraste de buscar en la red este tipo desoluciones... gracias...esta muy buena la pagina... y la verdad desde que tengo internet aprendo bastante
Por: alejandro_blog
Tengo un problemita interesante con flash... al poner un swf como objeto flotante en el sitio y en modo wmode=transparent, me bloquea todo link que se encuentre abajo. existe forma de que no suceda esto?
Por: Nicomod_blog
Tengo el mismo problema si salguien me puede ayudar porfavor!!!
Por: Manolo_blog
Bueno.. no he podido encontrar solucion, tuve que pasar los links que el swf me bloqueaba como flotantes tambien y con un z-index mayor.

Si alguien conoce una mejor, que avise! saludos
Por: Nicomod_blog
alguien tieen algun ejemplo que pueda compartir por favor, es algo muy llamativo y lindo el poder implementar flashes publicitarios en paginas empresariales o derivadas pero el problema es simple tapa todo lo que este debajo si fuera posible una vez que el flash termine hay alguna forma de que se cierre? gracias por todo y espero que podamos enocntrar una solucion.
Por: manolo_blog
les mando !.

Código :

<div id="cuadro">
                  <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="800" height="540" id="top" align="middle">
                  <param name="allowScriptAccess" value="sameDomain" />
                  <param name="movie" value="flash/lalala.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" />
                        <param name="wmode" value="transparent" />
                  <embed src="flash/lalala.swf" quality="high" bgcolor="#ffffff" width="800" height="540" name="top" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" />
                  </object>
               </div>
               <script type="text/javascript">
                     var so = new SWFObject("flash/lalala.swf", "top", "800", "540", "7", "#336699");
                     so.addParam("quality", "high");
                   so.addParam("wmode", "transparent");
                  so.write("cuadro");
               </script>


usa las etiquetas code para postear tu codigo BOFH
Por: melkorex@gmail.com_blog
necesito urgente por favor saber que el codigo poner un boton cerra en mi swf que esta montado en una capa de mi pagina web utilize capa y los parametros wmode, transparent
Por: Ivan_blog
Tambien puede utilizarse para firefox y mozilla este:

<param name="wmode" value="opaque">
Por: Alejandro Cobo_blog
Excelente gracias por tu tiempo y publicarlo
Por: Nestor Cuellar_blog
Hola a todos!
Estoy haciendo una pantalla de flash , que trabaja con visual basic 2005 y necesito hacer el flash transparente.
Alguien sabe como hacerlo?
Encontre la funcion Wmode, pero no me funciona.
Gracias?
Por: pabletein_blog
excelente tu explicación!!! Maikel_blog
Por: Alejo_blog
hey tengo problemas para establecer el tamaño de un banner y si me pueden dar una mano se los agradecere mi coreo es jramon1324@hotmail.com
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="9"AQUI TENGO PROBLEMAS"" height="AQUI TENGO PROBLEMAS" id="banner.swf" align="middle">
<param name="allowScriptAccess" value="sameDomain">
<param name="movie" value="banner.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#ffffff">
<param name="devicefont" value="true">
<embed src="banner.swf" quality="high" bgcolor="#ffffff" width=""AQUI TENGO PROBLEMAS"" height=""AQUI TENGO PROBLEMAS"" name="banner.swf" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</object>
Por: JR Master_blog
Hola yp quiero algo paecido, pero lo que yo quiero es uno que no funcione para html, sino en el entorno de windows como una animacion cualquiera.. no saben, mis ideas no han fucioanado de casualidad no hay algun Scrpt paraa esooo..
Por: agustin_3g
uff hasta que saque el pop up de flash transparente...pero paso que el sitio era integro casi en flash por lo que la animacion no salia arriba de los flash osea se iba detras..como corregir eso, se puede hacer algo?mi correo es totem@totemmedia.cl
Por: viviana_blog
Ah alguien le ha pasado lo contrario? me refiero a que un flash funcione en Firefox perfectamente pero en IE no? Ayudaaaa!!!!

Este es mi código:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://active.macromedia.com/flash4/cabs/swflash.cab#version=4,0,0,0" width="691" height="268">
<param name="movie" value="movie.swf" />
<param name="quality" value="high" />
<embed src="<?php echo $mosConfig_live_site;?>/templates/template/<?php echo _DIRECTION;?>/images/movie.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="691" height="268"></embed>
</object>
Por: danielaxp_blog
Necesito ayuda tengo un boton flash en dreamweaver y quiero ke al dar clic en el cierre la ventana pero no funciona ya intente por diversos metodos

Si alguien me puede ayudar este es mi correo

churs_lcs13@hotmail.com
Por: Dix moy demi_blog
como aplico trasnparencia en flash
Por: mercy_blog
Hola a todos!!

Tengo un problema y es que tengo un banner transparente hecho en flash.
onRollOver= hay una animacion
onRollOut = otra animacion

el problema que tengo (unicamente en el puñetero IE) es que al hacer el onRollOut no hace la animacion si tengo el flash con fondo transparente. Si esta normal, si lo detecta perfectamente

se os aocurre alguna opcion?

este es el codigo que tengo puesto en html:

Código :

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="730" height="732" id="index" align="middle">
        <param name="movie" value="index.swf" />
        <param name="quality" value="high" />
        <param name="wmode" value="transparent"> ///ESTA LINEA
        <param name="bgcolor" value="#ffffff" />
        <embed src="index.swf" quality="high" wmode="transparent" bgcolor="#ffffff" width="730" height="732" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />     
</object>


Al borrar la linea remarcada (se encarga de la transparencia para IE) el RollOut funciona a la perfeccion. Con la linea puesta no hace el RollOut

Se acepta cualquier tipo de informacion util...

Un saludo! y gracias de antemano
Por: Revik
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.