Draggable Image Gallery

A gallery of images that can be dragged to reveal new items.

Dependencies

• Swipe Content

How to

The Draggable Image Gallery component is used to showcase a collection of images. The gallery can be dragged to reveal new items.

You can change the default width of the single image using the --drag-gallery-img-width CSS variable defined in the .scss file.

To change the gap between images, update the --drag-gallery-img-gap CSS variable.

🌅 Demo images:

• Photo by Elsa Noblet on Unsplash
• Photo by Mitch Lensink on Unsplash
• Photo by Adrien Olichon on Unsplash

Categories

• Content and Layout > Gallery
• Plugins > Carousel

Bug report & feedback

Component Github page ↗