Swf transparent

Mise en oeuvre

Cette option de transparence permet de rendre transparente la couleur de la scène afin de voir par exemple, une image placée derrière le Swf, dans la page Html.

Le paramètre de transparence pour un SWF s’établit dans les options de publication de Flash – le code se renseignera tout seul dans la page HTML ainsi publiée !

Fichiers > Paramètres de publication (CTRL+MAJ+F12) > onglet HTML > option Mode fenêtre.

Avec Flash MX, un bouton dans l’inspecteur de Propriétés permet d’accéder plus rapidement aux paramètres de publication (bouton Flashplayer 6).
Et puisque l’on parle de cette dernière version, une nouveauté est de manipuler ces options de publication par programmation.

Si vous utilisez Dreamweaver, sélectionnez le swf et dans la fenêtre de Propriétés , cliquez sur Paramètres :

paramètre –> wmode
value –> tranparent

Ce paramètre apparaît automatiquement dans votre code HTML :

1
2
3
4
5
6
7
8
9
10
11
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="88" height="31" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">
<embed type="application/x-shockwave-flash" width="88" height="31">
</embed>
</object>
 
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="88" height="31" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">
<param name="src" value="images/ho.swf" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" width="88" height="31" src="images/ho.swf" wmode="transparent">
</embed>
</object>

Particularité

Précision importante : ce paramètre de transparence ne fait que SIMULER un Swf en arrière-plan sur une page HTML .
Comme tout contenu dynamique (applets Java, formulaires,…), un swf s’affiche TOUJOURS au dessus de tous les autres éléments statiques d’une page.

C’est par conséquent inutile d’essayer d’afficher un swf dans un calque par exemple, de donner à ce calque une valeur z-index négative pour le faire apparaitre sous les autres éléments. Autrement dit la transparence d’un swf est une illusion.

Attention également, la transparence diminue la vitesse dans Flash !

Compatibilité : ne fonctionne que pour Internet Explorer PC uniquement !! Netscape et IE Mac pour l’instant, ne supportent pas ce paramètre.
Donc à utiliser avec prudence….

Bookmark and Share

2 réponses Souscrire aux commentaires


  1. atout

    merci
    C tres utile
    ;)

    16 nov 2008 @ 12:18


  2. toupie

    vraiment pratique! explications très simples!

    merci!

    24 fév 2010 @ 18:14

Répondre