12,00

Tuto Créer un diaporama avec bouton Play & Pause avec JavaScript, CSS

12,00

  • Une formation vidéo de 43m36s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
Créer un diaporama avec bouton Play & Pause

ajouter ce cours aux favoris retirer ce cours des favoris

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 :

Table des matières de cette formation JavaScript, CSS (durée : 43m36s)

    • Mise en place des zones principales 00:06:59
    • Mise en place de la suite du CSS 00:04:30
    • Mise en place du lancement du diaporama 00:13:58
    • Mise en place de la pause du diaporama 00:05:14
    • Amélioration de l'expérience utilisateur 00:11:18
    • Conclusion 00:01:37



Formateur : Carl Brison

Carl Brison a publié 334 tutoriels et obtenu une note moyenne de 4,9/5 sur 19 056 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

5,0
note moyenne

3
avis laissés
5 étoiles
3
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de ameb2908 laissé le 05/10/2023
    Bravo Carl. Un grand merci.
    "Avec plaisir Ameb, merci beaucoup ;-)"

  • 5
    avis de devfront_45 laissé 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.
    "Merci beaucoup pour votre commentaire très gentil, Alain ;-)"

  • 5
    avis de membre-6971-4115 laissé le 18/05/2022
    Un diaporama qui décolle !
    "Merci beaucoup pour votre commentaire ;-)"

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    CSS 3
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
Parcours Developpeur Front End
accédez à plus de 1434 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données