JQuery Elevate Zoom Plugin이 작동하지 않습니다.

Question

안녕하세요 .aspx 페이지에 jQuery elevatezoom 플러그인이 있지만 동작하지 않습니다. 디버깅 후 src 이미지는 아래 태그에 정의 된대로 표시되지만 lens 대신 포인터 만 있으면되므로 플러그인 기능이 전혀 작동하지 않는 것 같습니다. 내 코드는 다음과 같습니다.

<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> 

어떤 도움을 주시면 감사하겠습니다 :

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

여기에 내 JS 코드입니다! 감사합니다. .

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> 

희망이 있으십니까?