Image Slider

A simple and responsive Image Slider (Carousel) built using HTML, CSS, and JavaScript. The slider allows users to navigate through images using next/previous controls and can be extended with autoplay functionality.

🚀 Features

Smooth image transitions

Next & Previous navigation buttons

Responsive design (works on mobile and desktop)

Lightweight and beginner-friendly code

Easy to customize and extend

🛠️ Built With

HTML – Structure

CSS – Styling and transitions

JavaScript – Slider logic and interactivity

📂 Project Structure

image-slider/ │ ├── index.html ├── style.css ├── script.js └── images/ ├── image1.jpg ├── image2.jpg └── image3.jpg

📸 How It Works

Images are placed inside a container.

JavaScript tracks the current image index.

Clicking Next or Previous updates the displayed image.

CSS handles transitions and layout styling.