JavaScript zoom only the clicked part of image JQuery

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 computer 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?

Answer:1

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

Answer:2

For example, i have one computer 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.com/zoom/

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

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

Answer:3

Try this jqzoom But it zoom on hover

jQuery zoom plugins

Answer:4

With the way I have my html and javascript set up right now, I have it so when the page loads up and shows up all the text under each button. You can click the button to hide and show the text right ...

With the way I have my html and javascript set up right now, I have it so when the page loads up and shows up all the text under each button. You can click the button to hide and show the text right ...

I have a piece of code, which communicate with iOS native layer by dispatching request with callback ID, and storing Deferred in array. Then when the callback comes, we can resolve or reject this ...

I have a piece of code, which communicate with iOS native layer by dispatching request with callback ID, and storing Deferred in array. Then when the callback comes, we can resolve or reject this ...

I'm currently using enyo and I have a function on a component that takes a callback function and makes an ajax call, then calls the callback on success. I can't seem to figure out how to spy on the ...

I'm currently using enyo and I have a function on a component that takes a callback function and makes an ajax call, then calls the callback on success. I can't seem to figure out how to spy on the ...

  1. ajax callback
  2. ajax callback function
  3. ajax datatable callback
  4. call ajax callback
  5. ajax callback error
  6. callback after ajax
  7. callback function ajax not working
  8. jquery ajax callback
  9. html callback ajax
  10. get callback ajax jquery
  11. using callback ajax
  12. call callback function ajax
  13. call back method in ajax
  14. ajax callback in oracle apex
  15. ajax call back button
  16. ajax callback example
  17. callback function in jquery ajax
  18. ajax callback drupal 8
  19. ajax callback drupal 7
  20. ajax callback data

I tried many solutions I found on the web. None worked. I'm trying to make a website scroll horizontally when I'm scrolling vertically. I tried to accomplish this via js - nothing. Then I read that I ...

I tried many solutions I found on the web. None worked. I'm trying to make a website scroll horizontally when I'm scrolling vertically. I tried to accomplish this via js - nothing. Then I read that I ...