Download attached application and use js file
as well as jquery file in given manner...
You will get elevateZoom.js and jquery.min.js .
<%@
Page Language="C#"
AutoEventWireup="true"
CodeFile="Zoom_with_lence.aspx.cs"
Inherits="Zoom_with_lence"
%>
<!DOCTYPE
html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head
id="Head1"
runat="server">
<title></title>
<script src="jquery.min.js"
temp_src="jquery.min.js"
type="text/javascript"></script>
<script src="elevateZoom.js"
temp_src="elevateZoom.js"
type="text/javascript"></script>
<style type="text/css">
#image
{
height: 389px;
width: 484px;
}
</style>
</head>
<body>
<form id="form1"
runat="server">
<div style="height:
100px"></div>
<div style="width:
1186px; height:
509px">
<img
id="image"
alt=""
src="my pic.jpg"
/>
</div>
<script type="text/javascript">
$("#image").elevateZoom({
zoomType:
"lens",
lensShape:
"round",
lensSize: 400
});
</script>
</form>
</body>
</html>