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….

4 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


  3. Alama

    Attention! on a jamais compris pourquoi et ce truc n’est toujours pas résolu depuis les années.. mais si on publie en transparent, sous FireFox, la touche AltGr du clavier est bloquée.. Donc, impossible de faire les @ dans les champs de saisie.. :s

    16 déc 2010 @ 14:39


  4. Yvanoph

    Mis en exemple dans la Case « Site Web » un Site non publique puisqu’en cours de création, ou vous pourrez constater qu’il est TOUJOURS possible de mettre QUOI QUE CE SOIT par dessus un swf !
    QUI est le Maître, VOUS, ou la machine ?
    Chez moi, c’est MOI, donc Flash n’a qu’à se limiter à ce ue je lui demande de faire, et donc passe fréquemment DESSOUS, ne serait-ce qu’en fond animé dans un SIte html…
    Cordialement, Yvanoph—

    10 juin 2011 @ 5:40

Répondre