S'inscrire |

 
TEAM
Avatar de Smike
Smike est déconnecté Smike est un Homme 05/02
XP de Smike 3 413 Nombre total de messages de Smike
Voir le profil Facebook de Smike Voir le compte Twitter de Smike Voir le compte DeviantART  de Smike
Administrateur
  #1 (permalink)  
Vieux 20/01/2004, 12h31
[Tuto] Une animation Flash avec un fond transparent

Comment créer une animation Flash avec un fond transparent ?

Le fond d'une anim Flash peut être fixée à transparent.
Ceci permet à la couleur de fond ou l'image de la page HTML qui contient le swf de passer à travers les zones blanches du swf et autorise ainsi les calques flash dans un contenu DHTML.

Les browsers suivants supportent actuellement le mode sans fenêtres :
- Mac OS X ou Windows
- Internet Explorer 3 ou plus récent (Windows)
- Internet Explorer 5.1 * et 5.2 * (Macintosh)
- Netscape 7.0 *
- Mozilla 1.0 ou plus récent *
- AOL *
- CompuServe *

* Player 6.0.65.0 (Windows) ou 6.0.67.0 (Macintosh) ou plus récents

Note : Mac Classic n'est pas supporté pour ce dispositif. Les fonds transparents ne sont également pas possibles dans un projecteur autonome Flash. (il existe des applications dédiées pour cela : Ice Projector, par exemple)
Note : Si le mode sans fenêtres est employé, l'exécution peut être affectée. Si vous souhaitez une exécution rapide de votre projet, alors considérez d'autres options de conception et oubliez le mode transparent.

--------------------------------------------------------------------------------

Préparer la page HTML page pour rendre l'anim transparente

Trois méthodes pour créer une page HTML avec le code correct sont décrites ci-dessous.

1.Publication en flash
Le fichier HTML pour une anim peut être créé en utilisant les paramètres de publication dans le flash. La zone de dialogue des paramètres de publication fournit une option pour affecter le WMODE. Toutes ces options choisies seront directement ajoutées au code source de la page HTML :

A-Choisissez le menu > Paramètres de publication. Choisissez l'étiquette de HTML.
B-Choisissez "transparent" dans les paramètres de WMODE pour que que le fond du swf disparaisse dans browsers qui l'accueille
C-Éditez le document.

2.Utilisez Dreamweaver MX

Suivez ci-dessous les étapes, et Dreamweaver MX insérera le code correct HTML automatiquement.

A-Dans Dreamweaver MX, insérez le swf dans une page HTML.
B-Choisissez le swf en mode Création.
C-Dans le panneau propriétés, choisissez les paramètres.
D-Pour le paramètre, écrivez "wmode" (sans guillemets).
Pour la valeur, écrivez "transparent".
E-Sauvegardez le document. Le HTML page est complète.
(voir image jointe)

3.Éditer le code HTML manuellement

Pour éditer une page HTML existante, ajoutez les paramètres de WMODE au code de HTML.

Ajoutez le paramètre suivant à l'OBJECT tag :

Code PHP:
 <param name="wmode" value="transparent"
ajoutent le paramètre suivant au EMBED tag :

Code:
wmode="transparent"
Réponse avec citation
Avatar de eRom
eRom est déconnecté Sexe Non renseigné 12/03
XP de eRom 32 Nombre total de messages de eRom
Mini-membre
  #2 (permalink)  
Vieux 20/01/2004, 12h37
Effectivement ça peut toujours servir.....

On peut aussi définir la couleur du fond du flash a partir du html.
On rajoute :
"<"PARAM NAME=bgcolor VALUE=#333333">" dans les balises OBJECT.

@+

Dernière modification par eRom ; 21/01/2004 à 15h27.
Réponse avec citation
Avatar de stoopx
stoopx est déconnecté Sexe Non renseigné 06/03
XP de stoopx 285 Nombre total de messages de stoopx
Master
  #3 (permalink)  
Vieux 20/01/2004, 13h15
merci, c'est vrai que ca peut servir.
Réponse avec citation
Avatar de JaH_LiveS
JaH_LiveS est déconnecté Sexe Non renseigné 06/02
XP de JaH_LiveS 898 Nombre total de messages de JaH_LiveS
Vieux con
  #4 (permalink)  
Vieux 22/01/2004, 17h05
J'avais testé avec Netscape 7.1 et ca ne marchait pas du tout.
Faudrait que je fasse le test complet un de ces 4.
Réponse avec citation
Avatar de boluge
boluge est déconnecté Sexe Non renseigné 06/05
XP de boluge 532 Nombre total de messages de boluge
~Curieux~
  #5 (permalink)  
Vieux 17/06/2006, 10h49
Je sais pas mais j'ai l'impression que avec Flash 8 pro, si on ne definit pas de couleur de fond il fait automatiquement un flash transparent.
Réponse avec citation
TEAM
Avatar de Smike
Smike est déconnecté Smike est un Homme 05/02
XP de Smike 3 413 Nombre total de messages de Smike
Voir le profil Facebook de Smike Voir le compte Twitter de Smike Voir le compte DeviantART  de Smike
Administrateur
  #6 (permalink)  
Vieux 17/06/2006, 14h42
Tout a fait, cf. paramètres de publications html
Réponse avec citation
Avatar de Dellalune
Dellalune est déconnecté Sexe Non renseigné 09/06
XP de Dellalune 27 Nombre total de messages de Dellalune
Petit-posteur
  #7 (permalink)  
Vieux 18/10/2006, 15h57
Pour ceux qui veulent le code complet, voici :
Code:
<embed pluginspage=http://www.macromedia.com/go/getflashplayer src=URL width=? height=? type=application/x-shockwave-flash wmode=transparent quality=high></embed></embed />
Réponse avec citation
Avatar de julian
julian est déconnecté Sexe Non renseigné 07/06
XP de julian 32 Nombre total de messages de julian
Mini-membre
  #8 (permalink)  
Vieux 26/05/2011, 18h17
Bonjour, le tuto date de 2006 n'y a t'il pas une nouvelle méthode avec flash cs5 ?

Merci
Réponse avec citation
TEAM
Avatar de Smike
Smike est déconnecté Smike est un Homme 05/02
XP de Smike 3 413 Nombre total de messages de Smike
Voir le profil Facebook de Smike Voir le compte Twitter de Smike Voir le compte DeviantART  de Smike
Administrateur
  #9 (permalink)  
Vieux 30/05/2011, 13h45
Je crois que rien n'a changer à ce niveau la.
Réponse avec citation
Réponse

Outils de la discussion

Config des règles de ce forum
Règles de messages
Vous ne pouvez pas créer de nouvelles discussions
Vous ne pouvez pas envoyer des réponses
Vous ne pouvez pas envoyer des pièces jointes
Vous ne pouvez pas modifier vos messages

Les balises BB sont activées : oui
Les smileys sont activés : oui
La balise [IMG] est activée : oui
Le code HTML peut être employé : non
Trackbacks are oui
Pingbacks are oui
Refbacks are oui


A propos d'IK

Infographik alias IK est un forum d'entre-aide dans le domaine de l'infographie numerique
Depuis plus de 10 ans ce forum propose des tutoriaux un espace communautaire francophone.

We need You !

Faire un don permet de régler les frais de fonctionnement du site tel que l'hebergement, le ndd etc...
Faire un don

Fuseau horaire GMT +2. Il est actuellement 10h43.