Image Slideshow

Prev, next, dots and auto-play — stepping through a list with an index.

A slideshow that advances on its own, pauses when you hover, and lets you jump around with buttons and dots. The whole idea is one number — the current index — and wrapping it around the ends.

What's inside

• Prev / next buttons and clickable dots
• Auto-advance that pauses on hover
• Wrapping around the ends with modulo
• Slides drawn with CSS — no image files to download
• Light & dark mode, no dependencies

Quickstart

$ curl -LO https://devai.io/downloads/image-slideshow.zip$ unzip image-slideshow.zip && cd image-slideshow$ open index.html   # or just double-click the file

Browse the code

The full source, exactly as the zip ships it.