如何使用fancybox与mvc3和存储在数据库中的图片

Question

<a href="@Url.Action("ShowPicture", "Pictures", new { id = Model.Pictures[i].PictureId })" title="lala" rel="image_group">
                <img src="@Url.Action("ShowPicture", "Pictures", new { id = Model.Pictures[i].PictureId })" width="200px" alt=""/>
            </a>

当我打开链接时，我可以看到图片

http://www.shrani.si/f/1N/77/2nh6icYN/2.png

但如果我使用fancybox，那么我会使用

http://www.shrani.si/f/1g/Ka/4FZT4Kf6/1.png

我正在从数据库中读取图片。如何使用mvc和图片存储在数据库中的efancybox

Puicture控制器：

public ActionResult ShowPicture(int id)
        {
            ShowPictureModel model = new PictureManager().GetShowPictureModel(id);
            return File(model.Bytes, model.ContentType);
        }

Answer 1

绑定fancybox时设置内容类型 -

$("a[rel='image_group']").fancybox({type: "image"});