У меня проблемы с использованием плагина 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();