How to select perticular part of image and zoom that part using jquery?

Question

Hello friends! I have two images layered on each other using z-index. I just want to zoom a particular part of those images but this zoom is such that I will select a area using mouse i.e. clicking on a part of image and dragging mouse and releasing the mouse button and that much part will get zoom. So please tell me is such thing is possible in jquery? if yes how could i do that?

Please guide me friends!

Thank you!

Answer 1

Try this plugin: http://benjaminmock.de/bezoom-jquery-plugin/

It doesn't do exactly what you want - it's designed to allow interactive "magnifying glass" zooming. You might be able to adapt it however; it's not very complicated. Basically, you'd watch the mouse movements, and then apply the length-to-width ratio of your selection rectangle to grab a region of the actual image.