Version HTML 
Version Flash::
 

Transformation Alpha au passage de la souris [2]

  1. Nouveau document : taille de l'image choisie
  2. Fichier / Importer / Importer dans la bibliothèque...
  3. Chercher votre image
  4. Insertion / Nouveau symbole / clip: le nommer "image" (par exemple)
  5. Placer dans ce clip l'image sur la scène (centrer horizontalement et verticalement sur la scène)
  6. Mettre son alpha à 20% (dans la fenêtre Propriétés)
  7. Retourner sur la scène principale
  8. Glisser le clip "image" sur la scène (centrer horizontalement et verticalement sur la scène)
  9. Insérer un calque au-dessus du calque 1 - le nommer "actions"
  10. Ouvrir la fenêtre des Actions et entrer ce code :

image.onRollOver = function() {

  this.onEnterFrame = function() {
    this._alpha+=2;
    if (this._alpha >= 100) { delete this.onEnterFrame; }
  }

}


image.onRollOut = function() {

  this.onEnterFrame = function() {
    this._alpha-=2;
    if (this._alpha <= 20) { delete this.onEnterFrame; }
  }

}

image.onRollOver => quand la souris passe sur l'image
image.onRollOut ==> quand la souris est en dehors de l'image
this._alpha+=2 et this._alpha-=2 peuvent être modifiés selon la vitesse voulue pour la transition.

Résultat :


(Passer le curseur sur l'image)
haut