Click funtions when image zoom is aplied

Hi,

I did the tutorial about making image zoom effect: https://www.youtube.com/watch?v=OYEymzptnHc

Inside the image there is a square, I want the square to be clickable, now this square is only clickable when the custom code to zoom is not applied. How can I make sure the image zoom is working and the square is clickable?


Here is my site Read-Only: Webflow - Philippe's Stellar Site

Hi! Could you share the .webflow.io link to your site so I can check how it works?

Is this the right link? : https://philippes-stellar-site-18983f.webflow.io/

The red circle top right ( above eye of skull) is right now the working interactive one.

Yes, that’s the right link.

It looks like the zoom effect isn’t working,maybe you disabled the script.

One possible solution is to set the ‘round-loope’ element to ‘pointer-events: none’. You can do this in the Designer, under the Effects section.

Give it a try and let me know how it goes!

Thankyou for your reply. I tried to change events to none but this didnt work. Here is the link again I put up the script: https://philippes-stellar-site-18983f.webflow.io/

It is to complex with the provided code. I think I have solution I am testing now. Make a custom cursor (rounded div that follows cursor). with aditional code trying to ad zoom effect to this div itself.

Yes, that may be a solution.
Let me know if you get it to work.