Le projet Print-it ! consiste à dynamiser le site internet statique d’une imprimerie familiale en y ajoutant un carrousel interactif. Le carrousel permettra de présenter des images défilantes avec des flèches et des bullet points pour faciliter la navigation des utilisateurs.

J’ai commencé par ajouter les flèches de navigation au carrousel en utilisant des images déjà présentes sur le site. Ensuite, j’ai rendu ces flèches interactives en intégrant des event listeners en JavaScript, permettant de gérer le changement d’image au clic.

J’ai également ajouté des bullet points au bas du carrousel, qui indiquent à l’utilisateur sur quelle image il se trouve. Ces points changent dynamiquement lorsque l’utilisateur clique sur les flèches pour faire défiler les images. Pour assurer une meilleure expérience utilisateur, j’ai programmé le carrousel pour qu’il boucle indéfiniment : lorsque l’utilisateur atteint la dernière image et clique sur la flèche droite, le carrousel revient à la première image, et inversement pour la flèche gauche.

Le tout a été codé en JavaScript en interaction avec le HTML et le CSS déjà présents sur le site. J’ai utilisé des fonctions simples et claires pour garantir que le code soit facilement maintenable à l’avenir.