Print it
Projet dans le cadre de la formation Développeur WordPress
Année : 2024
L'objectif de ce projet
Initialisation au langage JavaScript en dynamisant le site internet statique d’une imprimerie en y ajoutant un carrousel interactif.
Les étapes de ce projet
Objectif : avoir un carrousel dynamique, j'ai ajouté des flèches dans le code HTML pour gérer la navigation.
Dans le fichier JavaScript du site, j'ai crée un évènement (event listener) pour gérer le changement d'image au clic sur les flèches en différenciant bien la flèche gauche et droite.
Les Bullets points vont permettre à l’utilisateur de savoir sur quelle slide il se trouve.
Dans le fichier JavaScript, j'ai fait en sorte que qu'il y ait autant de Bullet Point autant qu'il y a de slide dans le carrousel.
Création d'évènements dans le fichier JavaScript pour qu'au clic sur les flèches gauche ou droite l'image et le Bullet Point actif changent.
Mise en place de conditions dans le JavaScript pour que quand nous arrivons à la fin des slides, nous revenons à la première.
Objectif : faire un défilement infini.
