Skip to main content
Hover Gallery

Bringing light-touch interactivity to a classic slideshow format

Diego Muralles avatar
Written by Diego Muralles
Updated over 6 months ago

Looking to add multiple images to a section of your design but find traditional slideshows uninspiring? The Hover Gallery is the perfect alternative! With Hover Gallery, there's no need to click through endless slideshow arrows. Simply hover over an image, and it will animate to full width, creating a dynamic and engaging visual experience. This interactive feature not only adds a modern touch to your design but also makes it easier for visitors to explore your visual content effortlessly.

Configuration Options

Double-click the Hover gallery component on your canvas to open the configuration options. From here, you can:

Parameter

Description

Gallery Image

Choose your image

Image Title

Write the title of the gallery image

+ Icon

Add more images to your gallery

Best practice

Add at least two and a maximum of seven images to enjoy the full effect of a Hover Gallery section. The hover effect won't trigger on mobile devices if you include more than seven images.

Limitations

The Hover Gallery component is not inherently responsive. To ensure optimal display across different devices, we recommend creating a separate Hover Gallery component for each breakpoint. You can achieve this by hiding the other Hover Gallery components and making the appropriate one visible for each specific breakpoint. This approach ensures that your design remains visually appealing and functional on all screen sizes.

Did this answer your question?