Zooming ability of image with slider or + - buttons

[Ralph2 0]

I have a very large image (a map) that I would like to open at whatever size my users monitor / browser window allows. Then, to provide details I want the user to be able to zoom in and move the image to suit the area they are interested in.

 

I have found a reference to something called  "jQuery gZoom Plugin" that judging from the demos would suit my needs perfectly. But.. it seems this is no longer available as on gets a  "lab.gianiaz.com could not be found message".

 

So.. does anyone have any other solutions? Where this jQuery gZoom Plugin could still be found for downloading?  I do not want what seems to be popular a local zoom of part of the image but to zoom the entire image... allow grabing and moving.. and allow clicking of hot spots (icons) to open an information box / other image.

 

Using DW6, if it makes any difference.

 

Thank you all for your time.

Ralph

[VanityCrush 1]

Sounds like you're gonna need Ajax to accomplish the zooming,grabbing and moving, etc.

 

Making the map to fit on the user's monitor can be accomplished setting a width in percentages (max-width/min-width) while detecting the window size using JavaScript to adjust it accordingly for any screen resolution. Unless I'm misunderstanding your question.

 

Is the map you're using a google maps api by any chance?

 

You could also check this out if that's the case: google_maps

Edited August 15, 2015 by VanityCrush

[CroNiX 58]

There are many jQuery plugins that will do that. here is one: https://github.com/acornejo/jquery-cropbox

just google "jQuery image crop" for many others. Most will do zoom in addition to crop and other functions.

[Ralph2 0]

Sounds like you're gonna need Ajax to accomplish the zooming,grabbing and moving, etc.

 

Is the map you're using a google maps api by any chance?

 

You could also check this out if that's the case: google_maps

Yes this is a Google satellite map.. sort of. A number of screen shots (12) of a route taken with a GPS enabled dash camera. Combined into one roughly 2000 x 2200 px image.

Any suggestions re the Ajax??

[Ralph2 0]

There are many jQuery plugins that will do that. here is one: https://github.com/acornejo/jquery-cropbox

just google "jQuery image crop" for many others. Most will do zoom in addition to crop and other functions.

Thank you, will look at your suggestion and try your search suggestion as well. So far the ones I have found use a local magnification, where I want the whole image to magnify.. and be able to select hot spots (icons) to then show something else.

[maxxd 71]

You might want to check in to Zoomify (http://www.zoomify.com/). Sounds like it's what you're looking for.