Ce projet consiste à ajouter un carrousel interactif au site web d'une imprimerie familiale nommée "Print it". Objectif
L'objectif est de dynamiser le site web de "Print it" en permettant aux utilisateurs de parcourir différentes images et descriptions à travers un carrousel. Ce carrousel met en avant les services et produits offerts par "Print it". Fonctionnalités
Navigation : Les utilisateurs peuvent naviguer entre les slides en utilisant les flèches de navigation (gauche et droite).
Affichage dynamique : Le texte associé à chaque image change dynamiquement en fonction de la diapositive affichée.
Défilement infini : Le carrousel boucle indéfiniment. Lorsque l'utilisateur arrive à la dernière image et clique sur la flèche droite, il revient à la première image. De même, lorsqu'il est sur la première image et clique sur la flèche gauche, il est redirigé vers la dernière image.
Technologies utilisées
HTML : Pour structurer le contenu du carrousel.
CSS : Pour styler le carrousel et le rendre responsive.
JavaScript : Pour ajouter de l'interactivité et gérer le comportement du carrousel.
*Concepts importants
DOM (Document Object Model) : Utilisé pour sélectionner, modifier et manipuler des éléments HTML à partir de JavaScript.
Event Listeners : Utilisé pour écouter et réagir à des événements, comme un clic sur une flèche.
Tableaux en JavaScript : Utilisé pour stocker les images et les textes du carrousel.
Structure "if" : Utilisé pour gérer la logique du défilement infini.
🚀 Voir le projet en direct
Carrousel Print It Découvrez notre projet interactif ici: [https://reyneri.github.io/Print_It/]