Fancybox：原始图像的URL

Question

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

Answer 1

我这样做是在这里：http://photocontest.highpoint.edu/

我不得不破解/定制的fancybox实现这一目标。

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

这是我的javascript功能来修复的fancybox CSS：

 
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 lightbox克隆prettyPhoto，它非常易于使用。您可以添加自己的内容（您的案例中的URL）作为图片的描述，该图片显示在弹出窗口中图片的正下方。您可以在其网站上查看演示。

Answer 3

当然。查看fancybox.net上的inline examples。他们只是HTML。