is there a library that sticks a zoom in/out button over an image and allows incremental + and -

Question

is there any library or component that allows photoshop or pdf style zooming where i have images that i want users to be able to click to zoom in and out and i want to support being able to zoom in a number of times and zoom out a number of times

i want the equivalent of every user having the ability to do stuff like this: https://addons.mozilla.org/en-US/firefox/addon/139

Answer 1

Have a look at:

• the jQuery gzoom plugin
• shiftzoom (example here)
• the jQuery MapBox plugin (works with scroll whell and I'm sure you can stick + / - buttons)
• the MooZom plugin (works with scroll whell and I'm sure you can stick + / - buttons)
• Anything Zoomer is also nice

Then, there is Zoomorama which is an alternative to Microsoft's Seadragon if you don't mind using flash.

Answer 2

You can use Google Maps API to do that. All you need to do is to generate custom map tiles. There is a nice tutorial here.

EDIT: Just found another site that uses the same technique.

I have also found some alternative solutions that are not based on Google Maps API (1st is the best in my opinion):

1. Microsoft's Seadragon
2. http://ditchnet.org/dhtmlgallery/slider.html
3. http://www.oneblackbear.com/zoom/index.html
4. http://www.rborn.info/moozoom.php

and other questions about this topic:

1. Image Zoom using javascript?
2. Javascript for zooming and panning an image
3. Javascript / jQuery image zoom plugin

EDIT: If you have really large images, you can upload the files to GigaPan(SM) and embed them in your website.

Answer 3

Have a look at GWT too...

here is a zoomer made in GWT: http://gwtgallery.appspot.com/about_app?app_id=21025