Rollover texte avec image et son

 

Le but est de montrer comment afficher une image et jouer un son au survol d'un item dans une liste.

Pour vous rendre compte exactement du résultat, voir mon blog.
(Patientez car la page est longue à charger du fait des nombreuses animations)

Description de la méthode

Je suppose que vous savez comment créer une nouvelle animation.
La méthode indiquée ci-aprés concerne un item de la liste. Elle est à répéter autant fois que vous aurez d'items.
L'illustration se fera en images.

01 - On commence par créer un texte. (par exemple Release Bend )

02 - Cliquez ensuite Modify / Convert / Convert to MovieClip (anciennement appelé Sprite)
Donnez un nom (par exemple Release_bend )

03 - Cliquez avec le bouton droit le texte Release bend contenu dans le movieclip Release_bend.
Convert to button.

04 - Dans Properties, cochez la case Has separate over state.

05 - Cliquez le texte dans la branche Over State. Changez la couleur du texte dans Properties.

06 - Cliquez Over State. Cliquez Insert / Import Image.
Choisissez un fichier image. Modifiez _x, _y, _xscale, _yscale dans Transform s'il y a lieu.

07 - Cliquez le movieclip Release_bend.
Cliquez Insert / Import Sound. Choisissez un fichier son.

08 - Dans le Timeline, pour le son, mettez un Place en frame 2. Vous devriez avoir ce qui suit :

timeline

09 - Cliquez le movieclip Release_bend, mettez le script suivant :
onFrame (1) { stop(); }

10 - A l'intérieur du movieclip, cliquez Button, mettez le script suivant :
on (rollOver) { gotoAndPlay(2); }

Au final, vous devriez avoir ceci :

arbre de création    outline

Voilà, c'est terminé pour cet item.
Il ne vous reste plus qu'à refaire ces 10 opérations pour chaque nouvel item.
Bon courage.

 


Si vous aimez le site

 

Select a language if you need :


Page chargée en 0.025 sec.

Dernière Modification : Mer 25 Janvier 2017 8:56
Copyright © 1999-2017 Jean-Paul Molina Tous droits réservés.

vers Google