Fancybox：原始图像的URL

Question

可以在Fancybox的弹出窗口中显示原始图像的链接吗？

Answer 1

我在这里做了这个：http://photocontest.highpoint.edu/

我不得不破解/自定义Fancybox来实现这一目标。

我遇到的最大问题是Fancybox创建可点击区域以转到下一张/上一张图片。这些可点击区域占据了100％的垂直空间。这意味着你无法点击FancyBox下面的链接。需要一些jQuery来操作CSS才能解决这个问题。

这是我修复Fancybox CSS的javascript函数：

function fix_fancybox_css() {
  if ($("div#fancybox-content a").length>0) {
    $("#fancybox-left, #fancybox-right").css({
      'height':Math.floor($("div#fancybox-content a:visible").position().top)+'px',
      'top':'0px',
      'bottom':''
    });
  }
}

Answer 2

我假设您尝试在弹出窗口中显示URL和图像。我自己没有使用Fancybox，但有一个类似的jQuery灯箱克隆叫prettyPhoto，它非常简单易用。您可以添加自己的内容（在您的情况下为URL）作为弹出窗口中图像下方显示的图像的描述。您可以在其网站上查看演示。

Answer 3

不确定。查看fancybox.net上的inline examples。它们只是HTML。