Table des matières
Niveau
..........
En rapport...

Placer un div par dessus un swf

Le flash c'est beau, ca bouge mais c'est pas toujours pratique dans une page html surtout si vous n'avez pas la possibilité de modifier le fichier swf. (bannière de partenaria etc..). Avec internet explorer il est impossible par exemple de placer un lien html sur un swf. Voici donc une astuce qui vous permettra de placer un div par dessus une animation flash, vous pourrez à partir de ce div faire ce que bon vous semble.

Le code

html4strict
<div style="position:absolute; z-index:1; height:60px; width:468px; border:1px solid #F00;" onclick="alert('clic sur le div');">
   <img src="invisible.gif" alt="" />
</div>
<object type="application/x-shockwave-flash" data="flash.swf" width="468" height="60" style="position:absolute; z-index:0; top:30px;">
        <param name="wmode" value="Transparent" />
        <param name="movie" value="flash.swf" />
</object>

Explication

On place les deux éléments en absolute afin qu'il puisse se superposer, le z-index permet de définir l'empilement des éléments.
l'image “invisible.gif” est un gif transparent de la même taille que le div. (Ceci est obligatoire pour forcer IE à considérer correctement le div).
”<param name=“wmode” value=“Transparent” />” active le mode transparent du flash.


20/12/2006 18:36 -

ManiT4c
Gérant et chef de projet de l'agence web Op'art, je suis également webmaster freelance. Retrouvez moi également sur twitter.