Fancybox與「分享」按鈕鏈接到獨特的圖像

我想在Fancybox彈出窗口中顯示類似Facebook的按鈕。Fancybox與「分享」按鈕鏈接到獨特的圖像

我想象的互動類似於Pinterest在模式彈出窗口右側顯示社交分享按鈕（例如http://pinterest.com/pin/73465037641354472/）。每張圖片都有一個唯一的網址，以便您可以直接鏈接到彈出窗口的內容。

我怎能：

確保我的fancybox的畫廊中的每個圖像被連接到獨特URL
顯示在鏈接到獨特的URL

彈出菜單的Like按鈕＃1，我發現下面討論的代碼在下一頁：this.id inside of fancybox

$("a.fancybox").each(function() { 
    var element = this; 
    $(this).fancybox({ 
    'titleFormat' : function() { 
     var astring = '<span>' + element.id + '</span>'; 
     return astring; 
    } 
    }); 
});

這是我需要的代碼嗎？如果是這樣，我該怎麼做才能使JavaScript正常工作？

非常感謝您的幫助！

來源

2012-02-12 user1186742

您的畫廊中的每張圖片都有自己的頁面嗎？ – DMCS 2012-02-12 23:29:26

不，他們都在一個頁面上。 – user1186742 2012-02-12 23:48:10

您需要有一個基於唯一URL的機制，才能使用正確的或meta標籤來分析Facebook的linter。

請記住，linter不會運行JavaScript，因此它們需要在響應流中正確定義。

EDIT

每個圖像具有它自己的URL的示例。這些將有助於Facebook能夠獲得正確的html和og：標籤。

http://example.com/images.php?id=1 
http://example.com/images.php?id=2 
http://example.com/images.php?id=3

在來自每個唯一URL的HTML響應中，指定了正確的og：標記。在該HTML中，您應該將JavaScript重定向到實際頁面以顯示圖片。由於javascript不會由linter運行，因此linter應該能夠讀取這些og：標記。

有關如何指定og標籤的信息，請參見http://ogp.me。

來源

2012-02-13 14:20:08 DMCS

我不確定我是否真的明白這個答案。請您詳細說明我應該使用的機制？ – user1186742 2012-02-15 20:53:57

請參閱上面的我的編輯 – DMCS 2012-02-15 22:15:57

Fancybox與「分享」按鈕鏈接到獨特的圖像

回答

相關問題