javascript - JQuery提升缩放插件不起作用

Question

嘿，我的 .aspx 页面中有一个 jQuery elevatezoom 插件，但它不起作用。调试后，src 图像可见，如下面的标签中定义，但只有一个指针什么都不做，而不是 lens，因此插件功能似乎根本不起作用。这是我的代码。

<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>的“缩放图像”课程，它创造了一个不同的世界。

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

希望这可以帮助？