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