圖像沒有變焦效果與花式變焦（jQuery插件）

我有問題使用jQuery Fancy Zoom插件。圖像沒有變焦效果與花式變焦（jQuery插件）

在我的網頁我有以下HTML片段：

<a href="[email protected]&Full=true"> 
    <img class="content-image zoom" alt="@img.Name" src="[email protected]"/> 
</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();

來源

2011-05-31 ridermansb

代碼是否獲取圖像從數據庫開始，或者在頁面加載完成後加載它？圖像加載到頁面後，可以初始化花式縮放代碼嗎？ – Charlie 2012-06-17 02:40:04

而不是？ – 2012-06-25 12:50:27

我猜你的Javascript的3號線應該是$('img.fanzyzoom').fancyzoom();作爲參考給定的。

來源

2012-07-22 06:33:07 xan

在我的情況下，當縮小圖像時，它向我展示帶有許多無意義符號的圖片。可以顯示我的圖像，但插件無法縮放它。我曾嘗試用fancyboxm燈箱，thickbox .... 插件仍然工作正常，如果我替換url：web/images？id = ..... with web/images/somepicture.png

來源

2012-08-20 00:19:46 user1487380

圖像沒有變焦效果與花式變焦（jQuery插件）

回答

相關問題