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。