Image Slider banner

Image Slider

1 devlog
1h 34m 25s

What the project does:
A simple image slider that lets users view and switch between images using Next and Previous buttons with smooth transitions.

Who’s working on it:
Developed by me (Apurna).

What’s next:
Adding auto-slide, dot indica…

What the project does:
A simple image slider that lets users view and switch between images using Next and Previous buttons with smooth transitions.

Who’s working on it:
Developed by me (Apurna).

What’s next:
Adding auto-slide, dot indicators, and mobile swipe support.

This project uses AI

i was used AI for minor guidance otherwise this project is fully developed by me.

Demo Repository

Loading README...

apurnaray25

Shipped this project!

I built a responsive image slider using HTML, CSS, and JavaScript that allows users to navigate through multiple images smoothly with Next and Previous buttons. Through this project, I learned how to manipulate the DOM, handle events, and apply CSS transitions with translateX() for smooth animations. I also improved my skills in responsive design using media queries, positioning elements, and creating a clean user interface. The main challenges were keeping the images aligned and making the slider work seamlessly across different screen sizes. Next, I plan to add auto-slide, dot indicators, and mobile swipe support to enhance usability and interactivity.

apurnaray25

I built a simple image slider using HTML, CSS, and JavaScript to understand how DOM manipulation and animations work. The main challenge was managing the slide movement and keeping the transitions smooth. I used translateX() and a counter to control the image flow. Next, I plan to improve it by adding auto-slide, indicators, and mobile swipe support.

Attachment
0