JQuery提升缩放插件不工作
JQuery提升缩放插件不工作
提问于 2013-06-06 12:58:35
嘿，我在我的.aspx页面上有一个jQuery提升缩放插件，但是它不能工作。经过调试，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>任何帮助都将不胜感激！谢谢。
回答 1
Stack Overflow用户
发布于 2017-08-03 03:16:32
我也遇到过类似的问题。我给了<img>周围的<div>“缩放图像”类，它产生了很大的不同。
<div class="zoom-image">
<img id="testimage" runat="server" src='~/Content/images/image1.jpeg'
data-zoom-image="~/Content/images/image2.jpeg" />
</div>希望这能有所帮助？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16953956
复制相关文章
相似问题
腾讯云开发者
