hi i am trying to use elevate zoom inside modal popup extender but it is not showing any zoom effect inside model popup but works fine outsite modal
<script src="../plugins/jquery-1.8.3.min.js"></script>
<script src="../plugins/jquery.elevatezoom.js"></script>
<script>
$('#Image1').elevateZoom({
zoomType: "inner",
cursor: "crosshair",
zoomWindowFadeIn: 500,
zoomWindowFadeOut: 750
});
</script>
<asp:Repeater ID="Repeater1" runat="server">
<ItemTemplate>
<asp:HyperLink CssClass="mm" ID="HyperLink1" NavigateUrl="~/picpages/category.aspx" runat="server">
<asp:Image ID="Image1" runat="server" Width="200px" Height="200px" ImageUrl=' <%# Eval("Picture_URL") %>' />
<span class="imgspan"><%# Eval("Name") %> </span>
</asp:HyperLink>
<cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server" BehaviorID="mpe" PopupControlID="Panel2" TargetControlID="Image1" CancelControlID="Button2" BackgroundCssClass="modelback" </cc1:ModalPopupExtender>
<asp:Panel ID="Panel2" runat="server" HorizontalAlign="Center" Style="display: none">
<div class="p1">
<asp:Image ID="zoom_01" runat="server" Width="350px" Height="500px" ImageUrl=' <%# Eval("Picture_URL") %>' data-zoom image="../pictures/large/pic1.jpg" />
</div>
</asp:panel>