Zoom Images In ASP.NET Using JavaScript

Here is a JavaScript code snippet to zoom images in ASP.NET.

Here is the JavaScript code snuppet that can be used to zoom images in ASP.NET.
  1. <script type="text/javascript">  
  2. $("#zoom_03").elevateZoom({ gallery: 'gallery_01', cursor: 'pointer', galleryActiveClass: 'active' });  
  3. </script>  
  4. <script type="text/javascript">  
  5. //pass the images to Fancybox  
  6. $("#zoom_03").bind("click", function (e) {  
  7. var ez = $('#zoom_03').data('elevateZoom');  
  8. $.fancybox(ez.getGalleryList());  
  9. return false;  
  10. });  
  11. </script>  
  12. <script type="text/javascript">  
  13. $(" #zoom_01").elevateZoom();  
  14. </script>  
  15. <script type="text/javascript">  
  16. $("#zoom_04a").elevateZoom({ zoomWindowPosition: 1 });  
  17. $("#zoom_04b").elevateZoom({ zoomWindowPosition: 12 });  
  18. $("#zoom_04c").elevateZoom({ zoomWindowPosition: "demo-container", zoomWindowHeight: 200, zoomWindowWidth: 200, borderSize: 0, easing: true });  
  19. $("#zoom_04d").elevateZoom({ zoomWindowPosition: 1, zoomWindowOffetx: 10 });</script>  
  20. <script type="text/javascript">  
  21. $("#zoom_05").elevateZoom({  
  22. zoomType: "inner",  
  23. cursor: "crosshair"  
  24. });</script>  
  25. <script type="text/javascript">  
  26. $("#zoom_08").elevateZoom({  
  27. zoomWindowFadeIn: 500,  
  28. zoomWindowFadeOut: 500,  
  29. lensFadeIn: 500,  
  30. lensFadeOut: 500  
  31. });  
  32. </script>  
  33. <script type="text/javascript">  
  34. $("#zoom_09").elevateZoom({  
  35. gallery: "gallery_09",  
  36. galleryActiveClass: "active"  
  37. });  
  38. </script>  
See the attached code to see a working sample and use of this script.