Javascript | Galerie Photos

Création d'une galerie photos

Dans ce nouvel exercice d'application de nos connaissances Javascript, nous réutilisons tous les chapitres vus précédemment.

Le but étant de créer un diaporama fluide et infini.

En fin de ce tutoriel vidéo, je vous montre comment écouter les touches du clavier de l'utilisateur s’il souhaite naviguer avec les flèches du clavier.

Pour cela nous pouvons écouter les événements keydown, keypress ou keyup sur l'objet Window. Puis récupérer l’événement keyboardEvent en paramètre de notre fonction de callback.

window.addEventListener('keydown', function(e) {
  if (e.key == 'ArrowRight') {
    next();
  }
  if (e.key == 'ArrowLeft') {
    prev();
  }
});