I want to add a zoom effect on an image and the zoomed effect will follow the mouse location

Ask the community
,
1

this is what i can find in the corvid reference, is there also a way that i can adjust the zoom to 200-300%?

let zoomOptions = {
“duration” : 2000 ,
“delay” : 1000
};
$w ( “#image1” ). show ( “zoom” , zoomOptions );

2

Hi! I understand that you would like to add a “magnifying glass” to your image. However, the code that you have provided will actually add an animation to the whole image on its appearance. So this will not help you with achieving the functionality that you are describing.
You can actually set up the magnifying glass effect in the image settings. Check out this article for more information: https://support.wix.com/en/article/wix-editor-choosing-what-happens-when-an-image-is-clicked

3

HI!
I was wondering if i could ask a question about this subject. i am trying to add a magnifying glass to an image through image settings, but it is magnifying way too much. i want the zoom in to be less in :slight_smile: how can i do that? i have no experience in code writing… thank you very much!!

4

Check here https://www.wix.com/corvid/forum/tips-tutorials-examples/hover-effect-on-images-in-repeater

5

can this feature be added to product images? having an issue making this work for my online store shop items.

6

Did you ever get a response to this?