HTML:
<div id="test">
<img src="…" alt="…" />
</div>
CSS:
#test {
position: relative;
overflow:hidden;
width: 200px;
height: 200px;
}
#test img {
position:absolute;
top: …px;
left: …px;
}
По событию mousedown на #test начинаешь процесс, по событию mousemove перемещаешь верхний левый угол изображения на соответствующие координаты, по событию mouseup прекращаешь действия.