Faire defiler des images horizontalement

Lancement du défilement quand la souris passe sur la zone.
Plus la souris se rapproche des extrémités, plus la vitesse est rapide.
Le sens de défilement change quand le curseur arrive à la moitié de l'image.
Un clic sur la zone désactive / relance le défilement.
Pour l'exemple, pendant les pauses, les images deviennent des liens actifs vers une popup.

img.src = "IMG/monimage.png";

1
2
3
var img = new Image();
img.src = "./IMG/monimage.png";
c.appendChild(img);