pixel facebook
 

Javascript | Galerie Photos

Ce que vous allez Apprendre

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();
  }
});
Pour Aller Plus Loin
Je suis intéressé(e)
par ce chapitre

Télécharger les fichiers sources

inclus

  • Fichiers non finalisés pour faire en même temps que la vidéo

  • Fichiers complétés avec la galerie fonctionnelle

Prix = 2 €
Hors Taxes


Commentaires 0


Votre adresse mail ne sera en aucun cas divulguée ou utilisée, elle nous permet de garantir la pertinence des commentaires affichés