onclick zoom image jquery

1// Attach the function to your image within the document. Done.
2
3<img id="imageZoom" src="https://source.unsplash.com/CkW90N_oro8/1200x900" />
4$(function(){
5  $('#imageZoom').imageZoom();
6});
7
8//Apply the image zoom functionality to all images in a gallery.
9<div class="my-gallery">
10  <img class="gallery-image" src="1.jpg" alt="Alt 1" />
11  <img class="gallery-image" src="2.jpg" alt="Alt 2" />
12  <img class="gallery-image" src="3.jpg" alt="Alt 3" />
13</div>
14
15$(function(){
16  $('.my-gallery').imageZoom({
17    $(this).imageZoom();
18  });
19});
20
21//Determine the zoom level. Default: '150'.
22$(function(){
23  $('.my-gallery').imageZoom({
24    $(this).imageZoom({
25      zoom: 200
26    });
27  });
28});
29