Image en Over !

Bonjour à tous,


Je rencontre un petit problème en ce moment, je souhaiterai faire un menu sur une plane, et j'aimerai que mes boutons changent quand je passe la souris dessus ( pour y appliquer une image différente ) . J'ai donc posé directement des images cliquables sur ma plane, je leur ai attribué un effet click mais je ne vois pas comment faire pour permettre à mes boutons de changer par le mouseOver. Peut être devrais-je faire des box auxquelles j'appliquerai des images ? Je ne sais pas comment m'y prendre pour avoir une solution efficace, j'espère donc pouvoir trouver de l'aide ici =)

Merci d'avance !

Salut,

tu peux personnaliser les buttons en CSS simplement :

Code:

---

1 2 3 4 5

selected-down-icon: Embed(source="assets/image-down.png"); selected-up-icon: Embed(source="assets/image-up.png"); selected-disabled-icon: Embed(source="assets/image-disabled.png"); selected-over-icon: Embed(source="assets/image-over.png");

---

(syntaxe exact à vérifier)

Salut

Autre alternative, en conservant la même image mais en lui en donnant un effet au survol.

Exemple :

Code:

---

1 2 3 4 5 6 7 8

<mx:Glow id="glow" duration="300" alphaFrom="1.0" alphaTo="0.7" blurXFrom="0.0" blurXTo="20.0" blurYFrom="0.0" blurYTo="20.0" color="0x9E9BCB"/> <mx:Glow id="unglow" color="0xffffff"/>   <mx:Image click="...." source=".../....png" rollOverEffect="{glow}" rollOutEffect="{unglow}"/>

---

Glow est une effet, mais il existe de nombreuses variantes.

Merci beaucoup pour tes réponses rapides !


J'ai résolu mon problème en changeant mes <mx:Image> par des <mx:Button>, plus maniables et plus facile d'y appliquer des effets de changements dans le CSS, d'ailleurs voici la syntaxe correcte pour ceux qui aurait le même souci que moi :

icon: Embed(source="assets/images/******.jpg"); // Image de base
over-icon : Embed(source="assets/images/******.jpg"); // Image au survol


Merci encore pour ton aide, à bientôt !