Valeur de cette activité : 5 points
Compétence :
22- Déplacement d'images 1

A-Module 04 : JAVASCRIPT : 5 points - difficulté : 2

Les déplacements d'objets(1)

Présentation

Vous connaissez maintenant les bases du javascript.
Allons plus loin et utilisons nos connaissances afin de déplacer une image dans notre page.

Les techniques d'animation d'images décrites dans cette page sont des techniques anciennes.
Vous pouvez, si vous le désirez, utiliser les techniques modernes utilisant la bibliothèque JQUERY.
Cliquez ici pour des explications et exemples d'animation d'images utilisant la bibliothèque JQUERY

Description

  1. Ajoutez une page à votre portfolio en affichant les assitants HTML et JAVASCRIPT ainsi que la directive 9944
  2. Inscrivez dans le champ titre : Déplacement d'images
  3. Sélectionnez la matière : informatique
  4. Inscrivez dans le champ No de la directive : 9944
  5. Affichez la page http://ladifference.info/i/images/pierre/jsbougeimage.html
  6. Sélectionnez le menu Affichage / Source
  7. Sélectionnez tout le contenu et copiez-le
  8. Collez le contenu dans votre page
  9. Inscrit le titre de niveau 1 dans la section BODY de ta page : Déplacement d'image 1
  10. Modifiez le code de cette page afin d'utiliser l'image de votre choix
  11. Modifiez le code de cette page afin que le déplacement de l'image se produise de haut en bas au lieu de droite à gauche.

  12. Modifiez le code afin de réduire la vitesse de déplacement.

  13. Inscrivez et compléter ces phrases au bas de votre page :
    - La ligne de code qui vous permet de modifier la vitesse de déplacement de l'image est : ...
    - La ligne de code qui vous permet de modifier la direction du déplacement de l'image est : ....

  14. Visualisez votre page et apportez des modifications au besoin.