Astuces webmasters, Tips

Laissez vos SWF derrière

Le 9 avril 2008 à 14:45 par spylberg

Bon, ok le titre ne doit pas vous dire grand chose !

En fait je fais juste un petit billet rapide pour vous livrer une petite astuce de coding : Faire que vos swf ne soient pas tout le temps devant les autres blocs. J’ai rencontré ce souci en utilisant l’excellente librairie Highslide. Les images zoomées restaient derrière les éléments flash ! Pas terrible.

En fait il s’agit juste d’ajouter un paramètres à votre balise object (en gras) :

<object type=”application/x-shockwave-flash” data=”le-swf.swf” width=”200″ height=”200″>
<param name=”movie” value=”le-swf.swf” />
<param name=”wmode” value=”transparent”>
</object>

Ainsi, vos swf ne se mettront plus systématiquement devant le reste des éléments ! Un exemple est à voir ici. Zoomez sur l’image et déplacez-là, elle reste devant le SWF (l’oeil). (Ce blog est le blog d’un pote dont j’ai conçu le thème ! Il vient seulement d’ouvrir et va vous paraitre un peu vide !).
Voili voilou. @ bientôt ! Spylberg.

8 commentaires »

Gravatar

Pingback de Laissez vos SWF derrière | On the Web again Blog d'un Webmaster Webdesigner au quotidien

le 9 avril 2008 à 15:39

[…] La suite sur Smashing Magazine […]

Gravatar

Commentaire de Rémi

le 9 avril 2008 à 19:57

J’avais remarqué que que les swf se mettaient tous sur un niveau supérieur par rapport au html. Et j’en assumais les conséquences… bêtement.

Merci pour l’astuce !

Gravatar

Commentaire de Benjamin

le 9 avril 2008 à 21:35

Astuce connue mais malheureusement pas facile à mettre en place tout le temps. Il arrive parfois que le wmode transparent entraine d’autres bug.
J’au eu le cas tout à l’heure au taff, un swf inclu dans un div qui est caché à l’ouverture de page. Le div n’apparait que lorsqu’il est appelé grâce à un sous menu (effet accordéon quoi). et bien le flash se mettait en surimpression du div avec le wmode transparent, et pas sans..
Bon ok çà peut servir dans la plupart des cas, mais parfois lui aussi il cause des probs ;)

++

Gravatar

Commentaire de julien

le 9 avril 2008 à 21:44

Effectivement bug bien connu et qui donne du fil à retordre la 1ère fois qu’on le rencontre ^^

Gravatar

Commentaire de simon

le 9 avril 2008 à 23:45

ca marche pas chez moi … Ubuntu/Firefox : la cause à la version de flash pour linux ?

Gravatar

Commentaire de chris

le 10 avril 2008 à 8:50

un autre bug en relation certains caractères (”@”, “.”, “:”, “!”,etc…) ne passent pas dans les formulaires flash en wmode:transparent (sur Firefox) , c’est donc une solution qui peut engendrer d’autres problèmes.

Gravatar

Commentaire de spylberg

le 10 avril 2008 à 9:30

Ok, merci pour les précisions !
J’attends un peu et je ferais un update avec les bugs connus, histoire de ne pas laisser nos lecteurs dans le flou ! ;)

Gravatar

Commentaire de rainbowspiky

le 12 avril 2008 à 18:06

c’est peut être ajustable avec z-index en CSS

Laisser un commentaire

Votre Nom

Votre E-mail (obligatoire mais ne sera pas publié)

Votre Site ou blog

Votre commentaire

Valid XHTML 1.0 Transitional