elevate zoom does not work in modal popup

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>