how to add image zoom In c#
.aspx
<%@ Page Language="C#" AutoEventWireup="true" Codefile="It_Comp.aspx.cs" Inherits="OCMS.It_Comp" %>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="js/jquery.elevatezoom.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#img1").elevateZoom({
zoomType: "inner",
cursor: "crosshair"
});
});
</script>
</head>
<form id="form1" runat="server">
<div align="left">
<div class="auto-style14">
<span class="auto-style13"><strong>Yours complaint(s)</strong></span>
</div>
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" OnRowDataBound="OnRowDataBound"
BackColor="White" Width="1100px" BorderColor="#CCCCCC"
BorderStyle="None" BorderWidth="1px" CellPadding="3" CssClass="auto-style16" Height="170px">
<Columns>
<asp:TemplateField HeaderText="COMP_ID">
<ItemTemplate>
<asp:Label ID="lblCOMP_ID" runat="server" Text='<%# Eval("COMP_ID") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="EmpCode">
<ItemTemplate>
<asp:Label ID="lblEmpCode" runat="server" Text='<%# Eval("EmpCode") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="COMP_MESSAGE">
<ItemTemplate>
<asp:Label ID="lblCOMP_MESSAGE" runat="server" Text='<%# Eval("COMP_MESSAGE") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="STATUS_ID">
<ItemTemplate>
<asp:Label ID="lblSTATUS_ID" runat="server" Text='<%# Eval("STATUS_ID") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="COMP_LODGE_DATE">
<ItemTemplate>
<asp:Label ID="lblCOMP_LODGE_DATE" runat="server" Text='<%# Eval("COMP_LODGE_DATE") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="CLOSING_DATE">
<ItemTemplate>
<asp:Label ID="lblCLOSING_DATE" runat="server" Text='<%# Eval("CLOSING_DATE") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="REMARKS">
<ItemTemplate>
<asp:Label ID="lblREMARKS" runat="server" Text='<%# Eval("REMARKS") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Image">
<ItemTemplate>
<img id="Image1" runat="server" alt="" height="50" width="50" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
<FooterStyle BackColor="White" ForeColor="#000066" />
<HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" />
<RowStyle ForeColor="#000066" />
<SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />
<SortedAscendingCellStyle BackColor="#F1F1F1" />
<SortedAscendingHeaderStyle BackColor="#007DBB" />
<SortedDescendingCellStyle BackColor="#CAC9C9" />
<SortedDescendingHeaderStyle BackColor="#00547E" />
</asp:GridView>
</div>
</table>
</form>
