Question

我想在Fancybox弹出窗口中显示类似Facebook的按钮。

我想象的互动类似于Pinterest在模态弹出窗口右侧显示社交分享按钮的方式（例如http://pinterest.com/pin/73465037641354472/）。每个图像都有一个唯一的URL，以便您可以直接链接到弹出窗口的内容。

我怎么能：

确保我的Fancybox图库中的每个图片都附加到唯一的网址
在链接到该唯一网址的弹出窗口中显示“赞”按钮

对于＃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正常工作？

非常感谢您的帮助！

Answer 1

您将需要一种基于唯一URL的机制来提供正确的http://ogp.me og：meta标签，以便由Facebook的linter解析。

请记住，linter不运行javascript，因此需要在响应流中正确定义它们。

修改

具有自己的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。

带有“共享”按钮的Fancybox链接到唯一图像

1 个答案: