Créer un diaporama avec bouton Play & Pause
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
43m36
de formation
6
leçons vidéo
1
chapitre
Débutant
niveau requis
Carl Brison
Carl Brison
Formateur certifié

Créer un diaporama avec bouton Play & Pause

4.8/5 Trustpilot (1399 avis) Satisfait ou remboursé
43m36
de formation
6
leçons vidéo
1
chapitre

Dans ce tuto vidéo dédié à la pratique du JavaScript moderne, nous allons créer un diaporama d'images qui fonctionnera lorsque l'utilisateur cliquera sur le bouton "lecture" (play) et qui se stoppera lorsque l'utilisateur cliquera sur le bouton "pause". Cela sans jamais recharger la page web courante.

Pour une meilleure expérience utilisateur, nous veillerons à activer et désactiver physiquement les icônes PLAY et PAUSE lors de leur fonctionnement.
Nous indiquerons également à l'utilisateur que la lecture est en cours ou en pause, par le biais d'un affichage écrit.

Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.

Pour suivre ce tutoriel dans de bonnes conditions je vous recommande les cours suivants :

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Mise en place des zones principales
Leçon 2
Mise en place de la suite du CSS
Leçon 3
Mise en place du lancement du diaporama
Leçon 4
Mise en place de la pause du diaporama
Leçon 5
Amélioration de l'expérience utilisateur
Leçon 6
Conclusion

Table des matières

Leçon 1

Mise en place des zones principales

06m59
Leçon 2

Mise en place de la suite du CSS

04m30
Leçon 3

Mise en place du lancement du diaporama

13m58
Leçon 4

Mise en place de la pause du diaporama

05m14
Leçon 5

Amélioration de l'expérience utilisateur

11m18
Leçon 6

Conclusion

01m37

Aperçus

Avis des apprenants

Détail des avis
8
Commentaires
5/5
Note moyenne
5/5
8
4/5
0
3/5
0
2/5
0
1/5
0
Jean-Luc Piedevache
Jean-Luc Piedevache
Publié le 07/08/2026
Super tuto Carl, as tu déjà réaliser à suivre un tuto pour ajouter les boutons pour accélérer ou diminuer la vitesse de défilement des images ainsi qu'un tuto qui permet de lire les images dans un fichier sans avoir besoin de les numéroter 01,02,03,04 ?
Carl Brison
Carl Brison
Merci beaucoup pour ton commentaire très gentil. Non il ne me semble pas avoir fait ce que tu m'indiques
Fred Andenas
Fred Andenas
Publié le 16/05/2026
Tuto super intéressant pour jouer un diaporama !! merci Carl !!
Carl Brison
Carl Brison
Merci beaucoup Fred ;-)
Simon Costa
Simon Costa
Publié le 31/01/2026
petit diapo simple à faire, je dois encore travailler la manipulation des images je me rends compte ... En revanche travaillant dans le dépannage informatique pour le moment, j'ai préférer carrément cacher le bouton play lorsque le diaporama tourne.(simple mauvaises expérience dans mon travail avec quelques séquelles je suppose haha) Merci encore Carl pour ce cours !
Carl Brison
Carl Brison
Bonne adaptation ! Merci beaucoup Simon, pour votre commentaire ;-)

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
11,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
43m36 de vidéo • 1 chapitre
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ /mois
Sans engagement
Cette formation + 6 791 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Commencer avec l’abonnement
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1426 tutos gratuits

Notre politique de protection des données