如何从http://fancyapps.com/fancybox/获取fancybox来处理动态图像来自数据库

Question

我正在使用来自http://fancyapps.com/fancybox/的fancybox控件。当我使用静态图像时它工作正常，但当我使用http处理程序将源绑定到动态图像时来自数据库。它不起作用，并在新页面中打开图像。

我的html绑定表达式：

<a class="fancybox" rel="gallery1" runat="server" href='<%# "Handler3.ashx?ID="+ Eval("ID") %>' title="Test">
<img src='<%# "Handler3.ashx?ID="+ Eval("ID") %>' runat="server" alt="Test" Height="500" Width="400" />
</a>

Answer 1

这是因为当你使用静态图像时，fancybox可以识别内容的type（由于图像扩展），但是当你使用数据库中的动态图像时，渲染的链接可能看起来像

<a href="Handler3.ashx?ID=7049" class="fancybox" rel="gallery1" title="Test">.....

...所以fancybox无法知道内容是image ...所以你必须在自定义脚本中告诉它：

$(document).ready(function() {
  $(".fancybox").fancybox({"type": "image"});
});