2

.aspx ページに jQuery elevatezoom プラグインがありますが、機能しません。デバッグ後、以下のタグで定義されているように 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>

どんな助けでも大歓迎です!ありがとう。

4

1 に答える 1