Outils pour utilisateurs

Outils du site


cours2011:bases_de_la_programmation_orientee_objets_et_evenementielle:finir_galerie_animee

Finir Galerie animée

Reprendre le code vu en TD, en suivant scrupuleusement les étapes, pour :

Étapes :

  1. Mettre en place un gestionnaire d'événement sur l'image crée (commentaire : // ici le code à finir).
    • Testez en plaçant un ”console.log” dans celui-ci.
  2. Mettre dans le gestionnaire d'événement le code supprimant l'image.
    • Testez (en vérifiant dans le DOM sa suppression)
  3. Remplacer le code de suppression par la mise en place s'une animation (fadeOut).
    • Testez
  4. Ajouter à l'animation un “callback” avec dedans un simple ”console.log”.
    • Testez
  5. Placer dans le “callback” le code supprimant l'image.
    • Testez (en vérifiant dans le DOM sa suppression)
  6. Ajouter le code prévenant la propagation de l'événement (pour ne pas refermer la galerie ouverte).
    • Tester
  7. Ajouter une animation pour faire apparaitre l'image (fadeIn)
    • Tester
  8. Mettre un code semblable pour quand on ferme la galerie pour s'assurer que l'image disparaît avec (commentaire : // ici aussi besoin de code (pour retirer l'image) )
    • Testez sa disparition et la fermeture de la galerie quand la souris “quitte” la galerie (mouseleave)
cours2011/bases_de_la_programmation_orientee_objets_et_evenementielle/finir_galerie_animee.txt · Dernière modification: 2012/04/15 22:00 (modification externe)