JQuery Elevate Zoom Плагин не работает

Question

Эй, у меня есть jquery-лифтинг на моей странице .aspx, но он не работает. После отладки изображение src видно, как определено в теге ниже, но есть только указатель, который ничего не делает вместо объектива, и, следовательно, функциональность плагина не работает вообще. Вот мой код.

<div>         
    <img id="testimage" runat="server" src='~/Content/images/image1.jpeg' 
        data-zoom-image="~/Content/images/image2.jpeg" /> 
</div> 

Вот мой JS код:

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server"> 
<script src="Libraries/jquery-1.8.3.min.js" type="text/javascript"></script> 
<script type="text/javascript" src="Libraries/jquery.elevateZoom-2.5.5.min.js"></script> 
<script type="text/javascript"> 

      $(document).ready(function(){ 
       $("#testimage").elevateZoom({ 
        zoomType: "lens",    
        lensShape: "round", 
        lensSize: 200 
      }); 
      }); 

</script> 
</asp:Content> 

Любая помощь будет оценен по достоинству! Спасибо.

Answer 1

У меня была аналогичная проблема. Я дал <div> около <img> класс «zoom-image», и это создало мир различий.

<div class="zoom-image">         
    <img id="testimage" runat="server" src='~/Content/images/image1.jpeg' 
        data-zoom-image="~/Content/images/image2.jpeg" /> 
</div> 

Надеюсь, это поможет?