Image Slider Block

Create a fully responsive image slider as a native block — and nothing more. One simple block with everything it needs.

Version 3.0 removes jQuery and the slick carousel library entirely. The slider is now powered by native CSS scroll-snapping and a tiny script, so it is faster, works before JavaScript loads, and its assets are only loaded on pages that actually contain a slider.

Features:

• Simple image slider with fade or scroll effect
• Autoplay with separate “time between slides” and transition speed settings, plus pause on hover
• Optional arrow and dot navigation
• Optional infinite looping
• Crop images to a uniform ratio, or keep natural sizes with adaptive height
• Image linking to the media file, attachment page or a custom URL
• Choose the image resolution used in the slider
• Accessible: play/pause button, keyboard navigation, screen-reader labels, respects reduced-motion preferences
• Lightweight: no jQuery, no external libraries, assets load only where the block is used