How to Zoom Images In ASP.NET with JavaScript

How to Zoom Images In ASP.NET with JavaScript

This post is the JavaScript code snuppet that can be used to zoom images in ASP.NET.

This post is the JavaScript code snuppet that can be used to zoom images in ASP.NET.

<script type="text/javascript">  
$("#zoom_03").elevateZoom({ gallery: 'gallery_01', cursor: 'pointer', galleryActiveClass: 'active' });  
</script>  
<script type="text/javascript">  
//pass the images to Fancybox  
$("#zoom_03").bind("click", function (e) {  
var ez = $('#zoom_03').data('elevateZoom');  
$.fancybox(ez.getGalleryList());  
return false;  
});  
</script>  
<script type="text/javascript">  
$(" #zoom_01").elevateZoom();  
</script>  
<script type="text/javascript">  
$("#zoom_04a").elevateZoom({ zoomWindowPosition: 1 });  
$("#zoom_04b").elevateZoom({ zoomWindowPosition: 12 });  
$("#zoom_04c").elevateZoom({ zoomWindowPosition: "demo-container", zoomWindowHeight: 200, zoomWindowWidth: 200, borderSize: 0, easing: true });  
$("#zoom_04d").elevateZoom({ zoomWindowPosition: 1, zoomWindowOffetx: 10 });</script>  
<script type="text/javascript">  
$("#zoom_05").elevateZoom({  
zoomType: "inner",  
cursor: "crosshair"  
});</script>  
<script type="text/javascript">  
$("#zoom_08").elevateZoom({  
zoomWindowFadeIn: 500,  
zoomWindowFadeOut: 500,  
lensFadeIn: 500,  
lensFadeOut: 500  
});  
</script>  
<script type="text/javascript">  
$("#zoom_09").elevateZoom({  
gallery: "gallery_09",  
galleryActiveClass: "active"  
});  
</script>  

Thank you!

Angular 9 Tutorial: Learn to Build a CRUD Angular App Quickly

What's new in Bootstrap 5 and when Bootstrap 5 release date?

What’s new in HTML6

How to Build Progressive Web Apps (PWA) using Angular 9

What is new features in Javascript ES2020 ECMAScript 2020

Asp.Net Core MVC Bangla Tutorials -01 (Complete eCommerce Application)

Asp.Net Core MVC Bangla Tutorials -01 (Complete eCommerce Application)

LIKE | COMMENT | SHARE | SUBSCRIBE The easiest way to start coding in Visual Studio is by creating a new project from a template – we’ll cover working with e...

Asp.Net Core MVC Bangla Tutorials -02 (Complete eCommerce Application)

Asp.Net Core MVC Bangla Tutorials -02 (Complete eCommerce Application)

LIKE | COMMENT | SHARE | SUBSCRIBE Please Subscribe & Stay Connected! Thank You! ♥ #Core #CoreMvc #CompleteEcommerceApplication #Ecommerce #AspDotNetCoreMVc ...

Asp.Net Core MVC Bangla Tutorials -03 (Complete eCommerce Application)

Asp.Net Core MVC Bangla Tutorials -03 (Complete eCommerce Application)

LIKE | COMMENT | SHARE | SUBSCRIBE Please Subscribe & Stay Connected! Thank You! ♥ #Core #CoreMvc #CompleteEcommerceApplication #Ecommerce #AspDotNetCoreMVc ...