How to move a zoomed image inside a div?

How to move a zoomed image inside a div?

I have used  draggable, and yes, the image can be moved by the user inside the div.
when using the containtment:'parent' the image can not get out of the parent div,BUT I need some more functionality than that:

In my app the image can be zoomed out / in
When zooming out the image can grow more than the parent container then I need:

1. the image can keep growing with out affecting the dimensions of the container
2. the draggable function should still be usable so the user can see the rest of the image by dragging it.

Basically it's the same function that we use when we zoom in in photoshop and then we can move the image to see those areas that get out of the visible scope.

Thanks in advance.

Carles.