Matthias Schmidt
Image Compare
Image comparison block for Kirby CMS: responsive images, draggable divider, zero dependencies.
Features
- Zero dependencies, zero config
- ~60 lines of vanilla JS, no slider library. The frontend CSS/JS are injected automatically.
- Responsive images
- WebP + JPEG picture with srcset, built on Kirby's own thumb engine.
- Accessible
- The handle is a WAI-ARIA slider with mouse, touch, and full keyboard support.
- Themeable
- Themeable through CSS custom properties.
- Interactive Panel preview
- Drag the divider right in the Panel to set the start position.
Info
- Implements
- Latest releases
