MediaCarousel
MediaSwipeable media slides with dots, thumbnails, and optional autoplay
mediacarouselslidergalleryswipe
Demo
Dots
A landscape-orientation sample image, 1200 by 800.
Slide 1 of 6: Harbour at dawn
bind:index → 0. Swipe, drag the scrollbar, or use the arrow keys; all three stay in sync.
Thumbnails, with mixed media
A landscape-orientation sample image, 1200 by 800.
Slide 1 of 6: Harbour at dawn
Autoplay
A landscape-orientation sample image, 1200 by 800.
Slide 1 of 4: Harbour at dawn
Autoplay always ships with a pause control, halts on hover and focus, and never starts under prefers-reduced-motion.
Built on native CSS scroll-snap, so touch swiping and momentum come from the browser rather than a gesture library.
Usage
import { MediaCarousel } from '@classic-homes/theme-svelte';