Ajout d’un carrousel dynamique en JavaScript sur le site vitrine de Print it, avec navigation par flèches, indicateurs visuels et défilement en boucle.
Cliquez pour agrandir — défilement horizontal pour explorer
Contexte OpenClassrooms :
En début d’activité comme développeur front-end freelance, j’ai travaillé sur le site statique de Print it, une petite imprimerie familiale souhaitant rendre sa bannière d’accueil plus vivante. À partir des consignes du directeur et d’une démonstration vidéo, l’objectif était de transformer un slider statique en un carrousel interactif et fluide.
Le site disposait déjà d’une base HTML/CSS, mais le carrousel n’était pas fonctionnel. Il fallait ajouter une navigation visuelle avec des flèches, afficher des indicateurs de position, gérer le changement d’image et de texte, puis corriger les erreurs de navigation en bout de course pour obtenir un défilement continu.
J’ai analysé la structure existante afin de réutiliser les éléments déjà présents, puis j’ai développé la logique du carrousel en JavaScript.
J’ai notamment :
Le site dispose désormais d’un carrousel entièrement interactif, plus engageant visuellement et plus agréable à parcourir. Cette mission m’a permis de renforcer ma maîtrise du DOM, des événements JavaScript et de la logique de navigation dynamique dans une interface front-end.
