Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter
Comment rendre un lien actif sous un flash transparent
Bonjour.
J'ai une animation Flash dans une page HTML.
J'ai superposé le Flash aux autres éléments de la page grâce à des balises div et en manipulant le z-index via le CSS.
Seul petit problème : les liens HTML présents sous le Flash sont visibles mais inutilisables.
Y a-t-il un moyen de les laisser actifs ?
Si tu as une animation flash au dessus de ton lien , je ne vois pas comment tu peux rendre ce lien actif.
Ne peux-tu pas inclure le lien dans l'animation flash ?
il faut que tu places ton liens dans un z-index supérieur au flash dans ce cas
et si cela ne marche pas, assure toi d'avoir précisé ce paramètre :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
2<param name="wmode" value="transparent" />
Il n'y a pas besoin de mettre de z-index, le :
suffit.
Code : Sélectionner tout - Visualiser dans une fenêtre à part <param name="wmode" value="transparent" />
Je ne connaissais pas cette méthode, merci pour l'info.
Merci pour vos conseils, mais en fait, je cherche à faire une sorte de catalogue mais le menu, le pied de page et l'en-tête sont en Flash et interagisse selon les liens cliqués. Certaines des animations du pied de page passent au-dessus des éléments du catalogue, celui-ci étant en php.
Par conséquent, je pensais placer le catalogue dans une div. Le menu, le pied de page et l'en-tête sont dans un fichier Flash, placé dans une div au-dessus de la première div.
Mais même en rendant le fond transparent, les liens du catalogue ne sont pas disponibles. Et si je les mets dans une div supérieure au fichier flash, les animations ne passeront plus au-dessus des éléments du catalogue.
Donc, si vous avez une solution...
As tu un lien pour qu'on puisse voir directement le problème ?
En fait, non, puisque je commence seulement à construire ce site. Je liste les problèmes que je pense rencontrer, et celui-là est le plus important...
Si vous voulez je peux essayer de vous faire un fichier démo. Je n'ai pas le temps tout de suite, mais je vous fais ça au plus vite et je vous laisse un lien.
Merci de vous occuper de ça, en tout cas...
Si je comprends bien ce qui se passe, c'est que ton animation flash passe au dessus de ton lien et grâce à l'effet de transparence on peut voir le lien mais pas cliquer dessus ( ce qui est normal ).Envoyé par Myrrdin
Tu voudrais garder l'animation flash au dessus du lien tout en pouvant cliquer sur celui-ci ?
Si ton animation flash est au dessus du lien, tu ne pourras pas cliquer dessus.
En attendant ta démo
J'ai pas eu le temps de faire un fichier démo.
Ceci dit, vous venez de répondre à ma question... Donc il est impossible de cliquer sur un lien se trouvant sous un Flash transparent.
Je suis en train d'étudier une autre solution : faire passer la div au-dessus ou au-dessous du Flash selon les besoins en manipulant le z-index...
Je vous tiens au courant... si cela vous intéresse, bien sûr.
Si ta div dépasse de ton animation flash, tu peux modifier le z-index avec un onmouseover pour faire passer le lien au dessus de l'animation flash, mais on est dans la "bidouille" là.
Sous n'importe quel élément.
Positionne ton lien en absolute et attribue un z-index supérieur.
J'ai fait un petit exemple pour vous montrer ce que je voudrais faire.
Voici le lien :
http://www.myrrdin.fr/Tests_Divers/S...tion/Texte.htm
Il est bien entendu que le menu ne sera pas aussi laid ;-) et ne ressemblera pas à ça.
Le principe est donc le suivant : le menu doit pouvoir passer au-dessus des infos et des liens peuvent être présents sous le menu.
J'avais pensé placé le menu flash dans une div avec un z-index de niveau 2. Et les infos dans une div avec un z-index de niveau 3.
Je comptais faire en sorte que le z-index de la div avec les infos change dynamiquement lorsqu'on passe la souris sur un des éléments du menu Flash. Le z-index passerait alors à un niveau 1 et le menu pourrait passer au-dessus des infos.
Je pense que pour changer dynamiquement le z-index, je dois passer par le JavaScript. J'ai fait plusieurs essais, mais en général cela ne marche pas. J'ai réussi à changer dynamiquement le style d'une div, mais seulement concernant le fond de celle-ci. Cela ne marche plus lorsque j'essaie de changer le z-index.
Tous vos conseils sont les bienvenus. Merci d'avance.
Même en faisant une gestion dynamique des z-index, tu ne pourras pas cliquer sur un lien qui se trouve sous un autre élément.
Soit tes liens sont au-dessus de l'élément et tu peux cliquer dessus, soit ils sont dessous et tu ne peux pas cliquer dessus.
Mais en gérant les z-index, on peut faire en sorte que les liens passent au-dessus ou au-dessous du Flash, à volonté.
Donc, y a-t-il un moyen pour gérer dynamiquement le z-index à partir du flash ? Et même à partir de la div contenant les infos elles-mêmes ?
Je n'ai pas réussi jusqu'à présent à modifier dynamiquement le z-index (c'est à dire sans recharger la page entière). Avez-vous une solution ou une direction à me donner ?
Si tes liens passent au dessus du flash , ça ne sera pas très esthétique.
Pour gérer dynamiquement les z-index, tu peux utiliser jquery
www.jquery.com
de cette manière :
Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part $('#div).css('z-index', nombre_du_z-index);
Répondre avec citation
Partager