Как реализовать перемещение изображения по блоку при наведении?

Question

[Юрий Уваров]

Помогите пожалуйста.
Есть блок размером 400 на 400px
Внутри блока изображение превышающие его размеры, у самого блока должен быть класс overflow: hidden;
Необходимо перемещать изображение при наведение на стороны блока.(Навели в правую часть блока - увидели правую часть изображения)
Интересует готовый плагин, или другое решение.
https://codepen.io/WEBBRACE/pen/LYVJqqx

Comments

[Kovalsky]

Гуглите "js magnifying"

[Юрий Уваров]

Это не то, вы говорите про увеличение изображений, я говорю про скрол изображения в зависимости от того на какой край изображения навели курсор

Answer 1

[Юрий Уваров]

Вообщем плагина не нашел, написал сам, код конечно не очень, но работает.
https://codepen.io/WEBBRACE/pen/LYVJqqx

Answer 2

[Rerurk]

Как вариант можно добавить четыре элемента по краям, сделать opacity 100℅ , и слушать их. В зависимости на кого попал, блок внутри перемещаться

Comments

[Юрий Уваров]

Это понятно, интересуют готовые решения, плагины.