Html 使用奇特的缩放(jQuery插件),图像没有缩放效果
我在使用jQuery Fancy Zoom插件时遇到问题 在我的页面中,我有以下HTML片段:Html 使用奇特的缩放(jQuery插件),图像没有缩放效果,html,css,jquery-plugins,razor,webmatrix,Html,Css,Jquery Plugins,Razor,Webmatrix,我在使用jQuery Fancy Zoom插件时遇到问题 在我的页面中,我有以下HTML片段: <a href="ProjectImage?ID=@img.ID&Full=true"> <img class="content-image zoom" alt="@img.Name" src="ProjectImage?ID=@img.ID"/> </a> 请注意,同样,当用户单击图像以显示更大的图片时,数据库的低图像也会显示出来。 问题是,这种
<a href="ProjectImage?ID=@img.ID&Full=true">
<img class="content-image zoom" alt="@img.Name" src="ProjectImage?ID=@img.ID"/>
</a>
请注意,同样,当用户单击图像以显示更大的图片时,数据库的低图像也会显示出来。
问题是,这种方式插件无法工作
它只是在浏览器上以实际大小显示图像,然后再次加载整个页面
如果我放一个图像,它工作正常
我被卡住了。谢谢你的帮助
以下是我使用的插件的几个链接:
http://static.railstips.org/orderedlist/demos/fancy-zoom-jquery/
这是我用来配置插件的javascript
//Set Zoom
$.fn.fancyzoom.defaultsOptions.imgDir='../Images/';
$('.project-imagepreview a').fancyzoom({Speed:400, scaleImg: false, closeOnClick: true});
$('img.zoom').fancyzoom();
我猜Javascript的第三行应该是
$('img.fanzyzoom').fanyzoom()代码>如参考资料中所示。我猜Javascript的第三行应该是$('img.fanzyzoom').fanzoom()代码>如参考文献中所示。在我的例子中,当缩小图像时,它会向我显示包含大量无意义符号的图片。
可以显示我的图像,但插件不能缩放它。我试过fancyboxm lightbox、thickbox。。。。
如果我替换url:web/images?id=…,插件仍然可以正常工作。。。。。使用web/images/somepicture.png在我的例子中,当缩小图像时,它会向我显示包含大量毫无意义符号的图片。
可以显示我的图像,但插件不能缩放它。我试过fancyboxm lightbox、thickbox。。。。
如果我替换url:web/images?id=…,插件仍然可以正常工作。。。。。使用web/images/somepicture.png时,代码是从数据库获取图像,还是在页面加载完成后再加载?将图像加载到页面后,可以初始化奇特的缩放代码吗?而不是?代码是从数据库获取图像,还是在页面加载完成后再加载?将图像加载到页面后,可以初始化奇特的缩放代码吗?而不是
//Set Zoom
$.fn.fancyzoom.defaultsOptions.imgDir='../Images/';
$('.project-imagepreview a').fancyzoom({Speed:400, scaleImg: false, closeOnClick: true});
$('img.zoom').fancyzoom();