views:

380

answers:

4

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

+7  A: 

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. http://stackoverflow.com/questions/194761/image-zoom-using-javascript
  2. http://stackoverflow.com/questions/626558/javascript-for-zooming-and-panning-an-image
  3. http://stackoverflow.com/questions/972378/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.

jbochi
I think using the Google Maps API for this is a great idea in general, but total overkill for the task at hand (adding a + and - button to an image). On the other hand, the OP may like it. We'll see.
Pekka
@Pekka It may be a overkill indeed, but Google Maps API is reliable, well documented and lightweight.
jbochi
+1 Seadragon one looks great!
Shadi Almosri
+1 I agree, Seadragon really looks good...!
Manish
seems a bit overkill ..
Gaby
@Gaby Which one of the proposed solutions?
jbochi
btw, no -1 but I also find using google maps api for that is overkill
Gregory Pakosz
I would not dare say it's overkill if I don't know the size of the image.
jbochi
+9  A: 

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.

Gregory Pakosz
+2  A: 

Have a look at GWT too...

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

Salvin Francis
i am confused on this one. Do you have to use some seperate service here or can you simply get the source code and embed it on your website. it seems like you need to pay and register for some server side service
ooo
+1  A: 

Silverlight Deep Zoom is one cool way if your environment permits it.

Here's a kind of overkill example of it : http://memorabilia.hardrock.com/

Also from a Flash advocate. And some more stuff - and maybe most fun of all a 13 gigapixel image.

Simon_Weaver