Créer un diaporama avec bouton Play & Pause
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Créer un diaporama avec bouton Play & Pause

Carl Brison
12,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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

Plan détaillé du cours

Leçon 1Mise en place des zones principales
06m59s
Leçon 2Mise en place de la suite du CSS
04m30s
Leçon 3Mise en place du lancement du diaporama
13m58s
Leçon 4Mise en place de la pause du diaporama
05m14s
Leçon 5Amélioration de l'expérience utilisateur
11m18s
Leçon 6Conclusion
01m37s

Aperçus

Avis des apprenants

Détail des avis
9
Apprenants
3
Commentaires
5/5
Note moyenne
5/5
3
4/5
0
3/5
0
2/5
0
1/5
0
Cyrille Monstard
Cyrille Monstard
Publié le 05/10/2023
Bravo Carl. Un grand merci.
Carl Brison
Carl Brison
Avec plaisir Ameb, merci beaucoup ;-)
Alain Tardif
Alain Tardif
Publié le 06/04/2023
Je trouve ce tutoriel très bien fait sur l'ajout des boutons play & pause. Les fonctions setInterval et clearInterval sont 2 outils pratiques en JavaScript qui permettent de programmer l'exécution répétée d'un code à intervalles réguliers. Il est important de bien connaître le CSS pour pouvoir correctement positionner tous les éléments. Ce cours est très bien expliqué. Je vous remercie Carl. Validé 100 % #Créer un diaporama avec bouton play & pause.
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil, Alain ;-)
Serge Delattre
Serge Delattre
Publié le 18/05/2022
Un diaporama qui décolle !
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire ;-)

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

CSS 3

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1334 tutos gratuits

Notre politique de protection des données