onclick zoom image jquery
// Attach the function to your image within the document. Done.
<img id="imageZoom" src="https://source.unsplash.com/CkW90N_oro8/1200x900" />
$(function(){
$('#imageZoom').imageZoom();
});
//Apply the image zoom functionality to all images in a gallery.
<div class="my-gallery">
<img class="gallery-image" src="1.jpg" alt="Alt 1" />
<img class="gallery-image" src="2.jpg" alt="Alt 2" />
<img class="gallery-image" src="3.jpg" alt="Alt 3" />
</div>
$(function(){
$('.my-gallery').imageZoom({
$(this).imageZoom();
});
});
//Determine the zoom level. Default: '150'.
$(function(){
$('.my-gallery').imageZoom({
$(this).imageZoom({
zoom: 200
});
});
});