Question

嘿我的.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>

任何帮助将不胜感激！感谢。

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>

希望这有帮助吗？

JQuery Elevate Zoom Plugin无法正常工作

1 个答案: