jquery - 如何从 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"});
});