⚱️ Image Slider de Vases

📌 Sommaire

    🎨   Introduction
    🛠️   Technologies
    🎯   Fonctionnalités
    🚀   Installation

🎨 Introduction

Slider d’images interactif avec miniatures synchronisées, réalisé en HTML, CSS et JavaScript avec Swiper.js.

Design responsive, animations fluides, idéal pour galeries de produits ou portfolios visuels.

Chaque diapositive contient une image avec titre et sous-titre, et une navigation intuitive via miniatures, flèches ou pagination fractionnée.

🛠️ Technologies

• HTML5 sémantique
• CSS3 moderne (variables, media queries, transitions)
• JavaScript ES6
• Swiper.js
• Remix Icons

🎯 Fonctionnalités

• Galerie responsive avec slider principal et miniatures synchronisées
• Navigation via flèches, miniatures ou pagination
• Animation au survol des images
• Transition fluide entre les slides
• Design responsive adapté aux mobiles
• Aucun framework requis

🚀 Installation

✅ Prérequis

• Un navigateur moderne (Google Chrome)
• Un éditeur de code (VS Code)

📥 Cloner le projet

git clone https://github.com/ValentinMadiot/img-slider-gallery_js.git

▶️ Lancer localement

Il suffit d’ouvrir le fichier index.html dans un navigateur, ou d’utiliser l’extension Live Server sur VS Code.