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与“分享”按钮链接到独特的图像

回答

相关问题