6.4

En modifiant le CSS, on a réussi à bouger #dia-images !
Remettez "overflow: hidden" et enlevez les "border: 5 px solid ..."
Dans le CSS, essayez à nouveau différentes valeurs de "left: ...px" pour #dia-images.

Ce que vous faites à la main dans le CSS, c'est ce qu'on veut faire en JS.
En JS, on ne modifie pas le fichier CSS, mais on modifie la propriété "style" de l'élément concerné.
Remettez "left: 0px" dans le fichier CSS.

On veut afficher l'escargot en JS.
Il faut donc:

  •  Aller chercher l'élément #dia-images
  •  Accéder à la propriété style, puis à left
  •  Y indiquer une nouvelle valeur (sans oublier "px")

Essayez dans la console. Une fois que ça marche, copiez la réponse ici.