Javascript Image Viewer

Question

I want to display a huge image inside the viewport on an html page. I would like to be able to drag the image to move it to the viewport, for example, in Google Maps.

Any library where I can find such a component?

Thanks in advance

Answer 1

Give up this bad boy → http://www.ajax-zoom.com/

EDIT

If it does not float on your boat, look at it → http://wayfarerweb.com/jquery/plugins/mapbox/

Answer 2

You might be able to use SeaDragon . Technology and interface work very well. Follow the developer's link for many options.

Answer 3

You can try using simple javascript window objects, such as a mouse pointer, and then use it to reposition the background of your image, which will depend on the enlarged image. Here is the complete tutorial: http://www.hklabs.org/articles/image_zooming_with_javascript