Zoom to region (not object)

[hgrecco]

Hi,

Is there a way to zoom to a region and then pan, i.e. define a certain rectangle by clicking with the mouse in the container will zoom in and then holding the button presses will allow the user to pan at the same zoom level?

Thanks,

[jaukia]

Hi,

Currently this is not possible.

I might implement zooming to a region at some point, but panning I haven't been thinking about, since it might get a bit tricky to implement nicely.

[jimmykhlam]

Both zooming to region and panning would be awesome features. Looking forward to them.

[jaukia]

Thanks for your input! I'm wondering, what would be the use case for this? My feeling is that there are many better and more specialized image zooming plugins already for jQuery and I wouldn't want to recreate them with Zoomooz. For a list of image zooming plugins, see for example: http://www.tripwiremagazine.com/2011/10/jquery-image-zoom.html

[jimmykhlam]

Hi Janne, yes there are plenty of image zooming plugins already but none that provide HTML page zooming. If you can take the "google maps" zoom and pan effect and apply it to any HTML page, I think that'll really revolutionize webpage zooming. Especially since browser zooms cannot be programmatically controlled. Other people are looking for this function too.

I'm in fact currently experimenting using your plugin to achieve a pseudo-region zooming effect by overlaying an overlapping grid of transparent divs onto a page, and applying a zoomTarget class to each of them.

Hope you will consider implementing this feature in the near future. I'll be the first to use it!

[jaukia]

Thanks for the input! I'm currently somewhat busy, but if I have time at some point, I could have a look at this.

[benjaminsehl]

Hello there – I was hoping to use tags to be able to zoom in and out of different parts of a diagram (that is made with SVG)

Would this be possible? Has this feature been touched yet?

[jaukia]

Whoisbenjamin, I don't think Zooming to SVG diagram parts is possible, unless you add html elements on top of the SVG to zoom to. Here is an example of that:
http://janne.aukia.com/zoomooz/examples/svgtree/index.html

If I have time at some point, I might add a way to zoom to a particular area inside an image.

[Anuj16]

Can i zoom an image by clicking on a button instead of clicking on the image itself......?