ты можешь сделать что-то типа
<div style="overflow: hidden;
width: 100px;
height: 100px;
position: relative;">
<img src="opacity.png" style="position: absolute;">
</div>
и двигать эту картинку с помощью ...style.left, ...style.top. А в увеличенном состоянии я бы добавил возможность перемещать картинку с помощью мышки (только курсор мышки бы поменял, чтобы это было понятно)