Discussion :

[OmnislashS]

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 !

[Jim_Nastiq]

Salut,

tu peux personnaliser les buttons en CSS simplement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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)

[alain31tl]

Salut

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

Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[OmnislashS]

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 !