https://github.com/aperbet56/carrousel_images

Carrousel en HTML5, CSS3 et JavaScript
https://github.com/aperbet56/carrousel_images

addeventlistener animations-css css3 flexbox html5 javascript normalize-css position-absolute reset-css

Last synced: 2 months ago
JSON representation

Carrousel en HTML5, CSS3 et JavaScript

• Host: GitHub
• URL: https://github.com/aperbet56/carrousel_images
• Owner: aperbet56
• Created: 2023-11-09T16:55:15.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2025-09-20T19:15:53.000Z (9 months ago)
• Last Synced: 2025-09-20T21:16:54.426Z (9 months ago)
• Topics: addeventlistener, animations-css, css3, flexbox, html5, javascript, normalize-css, position-absolute, reset-css
• Language: HTML
• Homepage: https://aperbet56.github.io/carrousel_images/
• Size: 219 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## CARROUSEL D'IMAGES

![Design preview for the project](./img/preview.png)

## Le challenge

Mon objectif a été de construire un simple carrousel d'images.

L'utilisateur va pouvoir naviguer parmi les photos en utilisant le bouton 'Suivant" (flèches sur la droite) afin d'afficher l'image suivante et le bouton "Précédent" (flèches sur la gauche) afin de revenir à l'image précédente.

Un indicateur (compteur) indique le nombre total d'image du carrousel mais également l'image sur laquelle se trouve l'internaute.

## Démonstration

Lien vers le projet : https://aperbet56.github.io/carrousel_images/

## Projet développé avec

- Utilisation des balises sémantiques

- CSS

- Flexbox

- Animations CSS

- Page web responsive

- Utilisation d'un normaliseur : normalize.css

- JavaScript

- Code JavaScript commenté

- Desktop first