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.