Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 使用奇特的缩放(jQuery插件),图像没有缩放效果_Html_Css_Jquery Plugins_Razor_Webmatrix - Fatal编程技术网

Html 使用奇特的缩放(jQuery插件),图像没有缩放效果

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> 请注意,同样,当用户单击图像以显示更大的图片时,数据库的低图像也会显示出来。 问题是,这种

我在使用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>
请注意,同样,当用户单击图像以显示更大的图片时,数据库的低图像也会显示出来。 问题是,这种方式插件无法工作

它只是在浏览器上以实际大小显示图像,然后再次加载整个页面

如果我放一个图像,它工作正常

我被卡住了。谢谢你的帮助

以下是我使用的插件的几个链接:

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();