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.