A very lightweight (4.7kB gzip) carousel library using the css scroll-snap feature and the custom element shadow DOM to allow customization
Check de demo for examples
- Prev/Next buttons
- Pagination
- Pager (ie: "1 of 6")
- loop (the css one, no cloning)
- autoplay with stop on hover
- Responsive configuration
<snap-carousel
displayed="2"
per-page="1"
nav
controls
stop
gap="16"
padding="16"
behavior="smooth"
loop
autoplay="3000"
use-pause
responsive="..."
>
</snap-carousel>TODO
| Attribute | Signification |
|---|---|
| vertical | ... |
| displayed | ... |
| per-page | ... |
| nav | ... |
| controls | ... |
| pager | ... |
| stop | ... |
| gap | ... |
| padding | ... |
| behaviour | ... |
| loop | ... |
| autoplay | ... |
| use-pause | ... |
| responsive | ... |
TODO