Question

我在使用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>

在页面上ProjectImage有：

@{
    if (Request["ID"].IsInt())
    {
        var imgID = Request["ID"].AsInt();
        var full = (!string.IsNullOrEmpty(Request["Full"]) && Request["Full"].IsBool() && Request["Full"].AsBool());

        //Data
        var db = Database.Open("AMSDArquiteturaConnectionString");
        var image = db.QuerySingle("select * from Images where [ID] = @0", imgID);

        if (image.MimeType.StartsWith("image"))
        {
            Response.AddHeader("content-disposition", "inline; filename=" + image.Name);
        }
        else
        {
            Response.AddHeader("content-disposition", "attachment; filename=" + image.Name);
        }

        Response.ContentType = image.MimeType;
        if (full)
        {
            Response.BinaryWrite((byte[])image.ImageFull);   
        }
        else
        {
            Response.BinaryWrite((byte[])image.File);
        }
    }
}

注意，同样，数据库的低图像一旦用户点击图像就显示出更大的图片。问题是插件无法正常工作。

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

如果我放一张图片，它会正常工作。

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

以下是我使用的插件中的一些链接：

http://www.hardleers.org/multimedialab/js/demo.html http://static.railstips.org/orderedlist/demos/fancy-zoom-jquery/ http://www.dfc-e.com/metiers/multimedia/opensource/jquery-fancyzoom/

这是我用来配置插件的javascript

//Set Zoom                 
$.fn.fancyzoom.defaultsOptions.imgDir='../Images/';
$('.project-imagepreview a').fancyzoom({Speed:400, scaleImg: false, closeOnClick: true});
$('img.zoom').fancyzoom();

Answer 1

我猜您的Javascript第3行应该是$('img.fanzyzoom').fancyzoom();，如引用中所示。

Answer 2

在我的情况下缩小图像时，它会向我显示大量无意义符号的图片。可以显示我的图像，但插件无法缩放它。我试过fancyboxm灯箱，厚箱.... 如果我用web / images / somepicture.png替换url：web / images？id = .....，插件仍然正常工作

图像没有Fancy Zoom（jQuery插件）的缩放效果

2 个答案: