Component

Hotspot Carousel — without JavaScript

The same page, with the script of the component removed. The scrolling is the browser's own, the thumbnails are anchors, and the hotspots leave the photograph to line up along the foot of the view — a position is data, and the stylesheet does not know it. Everything still opens and closes: they are <details> elements.

Original scale

The component as it was drawn. Open a hotspot on the image, change view with the thumbnails, the arrows, the keyboard or a swipe of the finger.