Javascript for zooming and panning an image

Question

I have a requirement in the project I am working on for a piece of JavaScript which will allow the user to pan over and zoom in and out of a large image.

Unfortunately, my experience with JavaScript is limited.

Does anybody know of a free script out there which would satisfy my requirements?

Answer 1

There is a jquery ZoomImage plug-in to my opinion which would be good use for this case..Examples for code are here or here.

There is one that also uses a zoom toolbar next to the image

Answer 2

I don't know if you are able to make use of any libraries like jQuery or Prototype/Scriptaculous, which may increase your available options.

That said, this sample from Todd Ditchendorf is really cool and has no external dependencies:

http://ditchnet.org/dhtmlgallery/izoom/