I have a photography website & want visitors to be able to zoom in on photos to see detail. Any ideas on how to get this functionality?

Ask the community
,
2

https://www.wix.com/corvid/forum/community-discussion/adding-a-zoom-in-on-an-image

3

Thank you, but I don’t see a zoom effect in Rollover Image Effects. Am I missing something? Wix customer service said they didn’t have a zoom feature, but recommended Corvid forum could add code.

4

:stuck_out_tongue: I was going to show you how to do this manually, but I found a way to do it in the API. If you aren’t using a repeater, you are going to have to do this to every image on the page manually; if you are using a repeater, then it will do the work for you:

Step 1: Click on the image you want to zoom in, then in the coding area, click on onClick().

Add the event to the code.

Step 2: Add this line of code in the code that popped up:

export function myimage_click(event) {
  // This function was added from the Properties & Events panel. To learn more, visit 
  // Add your code for this event here: 
  $w("#myimage").clickAction = "magnified";

}

That’s pretty much it. ALSO,

if you want it to zoom in, use:

$w("#myimage").clickAction = "magnified";

if you want a window to pop up with the image in it, use:

$w("#myimage").clickAction = "expand";
5

***CORRECTION:

You can actually just use this code without making the OnClick() function.
Just copy and paste this into your code (preferrably in the OnReady Function), and it will work; forget all the previous steps I added.

$w("#myimage").clickAction = "magnified"; 

$w("#myimage").clickAction = "expand";
6

See the clickAction API .