<html> <head runat="server"> <title></title> <script src="elevateZoom.js" type="text/javascript"></script> <script type="text/javascript"> $("#imgViewImage").elevateZoom(); </script> </head> <body> <form id="form1" runat="server"> <div> <asp:GridView ID="grdImage" runat="server" AutoGenerateColumns="False" EnableModelValidation="True" ForeColor="Black" OnRowDataBound="grdImage_RowDataBound" AllowPaging="True" PageSize="5"> <Columns> <asp:TemplateField HeaderText="Image"> <ItemTemplate> <img id="imgViewImage" runat="server" alt="" src='<%# Eval("ImagePath") %>' height="75" width="75" data-zoom-image='<%# Eval("ImagePath") %>' /> </ItemTemplate> </asp:TemplateField> </Columns> </asp:GridView> </div> </form> </body> </html>
<script type="text/javascript" language="javascript"> $(function () { $("img").elevateZoom(); }); </script> Thank u.
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)