How to implement an increase in the product image on click (magnifier, zoom) in pure js?

Question

css

Hello.

We need to add a magnifying glass effect when viewing a product image, as, for example, on the ribok website .

I couldn’t google, everywhere either jquery or another effect.

Answer 1

In general, here is a working version: