To make an image expand (zoom in) when a visitor hovers over it in Wix, you can effectively achieve this by utilizing the built-in Hover effects feature, particularly when using galleries. This method is convenient if you want to apply the same hover effect to multiple images within a specific section or page.
Steps to Apply a Zoom-In Hover Effect
The recommended approach, especially for groups of images, involves configuring the design settings for the element containing the images. As indicated in the reference:
- Select the gallery element on your Wix page.
- Go to the gallery's Design settings.
- Look for Item Style or similar options related to how individual items (images) in the gallery look and behave.
- Within the style settings, find the Hover effects section.
- Select the 'Zoom in' option from the available effects.
This process applies the zoom-in effect to all images within that specific gallery, causing them to slightly expand when a user mouses over them.
Example:
As a live demonstration of this effect on a gallery, you can visit the URL provided in the reference: https://bonusensamble.wix.com/musica/video. Hover over the images displayed in the gallery on this page to see the 'Zoom in' effect in action.
Key Benefit:
Using the gallery's design settings allows for consistent application of the 'Zoom in' hover effect across multiple images without needing to configure each image individually.
