Как реализовать увеличение изображения товара по клику (лупа, zoom) на чистом js?

Question

[Ilia Malashko]

Здравствуйте.

Нужно добавить эффект лупы при просмотре изображения товара, как, к примеру, на сайте ribok.

На гуглить не смог, везде или jquery или другой эффект.

Comments

[Максим]

если не ошибаюсь то на обычном css тоже самое можно сделать

[tyoma_koder]

просто transform: scale при клике и всё, на рибоке так и сделано

[Александр]

Делал когда-то такую штуку, возможно поможет.

[Ilia Malashko]

Спасибо за ответы, но так же необходим эффект перемещения картинки при движении мыши.

Answer 1

[Ilia Malashko]

В общем вот рабочий вариант: