I am trying to get the image zooming effect using JQuery.

I have only one image that is of higher resolution, When i click any part of that image, i want to get the zoomed view of that part.

For example, i have one puter monitor image.Now if i click the button of monitor on image, the button should get zoomed.

I tried using this / but it is zooming the whole element.

How can i do this? are there any JQuery plugins available?

I am trying to get the image zooming effect using JQuery.

I have only one image that is of higher resolution, When i click any part of that image, i want to get the zoomed view of that part.

For example, i have one puter monitor image.Now if i click the button of monitor on image, the button should get zoomed.

I tried using this http://jaukia.github.io/zoomooz/ but it is zooming the whole element.

How can i do this? are there any JQuery plugins available?

• javascript
• jquery
• css
• jquery-plugins
• imageview

Share Improve this question Follow asked Jan 22, 2014 at 5:32 CeejayCeejay 7,3051919 gold badges6666 silver badges109109 bronze badges 0

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 3

Maybe this is more what you are looking for? http://www.jacklmoore./zoom/

For example, i have one puter monitor image.Now if i click the button of monitor on image, the button should get zoomed.

This type of functionality cannot be obtained/achieved by using zoomooz plugin.It zoom the entire element in the container.

There are many plugins as per ur requirement:

1)http://www.jacklmoore./zoom/

2)http://plugins.jquery./tag/zoom/ multiple jquery plugins are here

3)http://www.elevateweb.co.uk/image-zoom

Try this jqzoom But it zoom on hover

jQuery zoom plugins

zoom.js is also a good option. Here is the demo of that plugin.

If you are intrested in here is the source code