facebook喜欢按钮动态缩略图与ajax画廊

Question

我想在网站上放置一个类似 facebook 的按钮。 它位于图像存档页面上。 图像存档通过 jquery $.post() 函数动态加载。 档案由图像网格和单个图像视图组成。 当您单击网格中的图像时，更大的版本会加载到单个图像视图中。现在我想提供一个类似 facebook 的按钮来分享网站，并作为缩略图显示所选图像。

带有 og:image 属性的元标记如下所示

<meta id="active-image" property="og:image" content="http://mysite.com/default_image.jpg" />

当有人点击网格中的图像时，元标记的内容属性会更改为单个视图中当前图像的 url。

$('#active-image').attr('content','http://mysite.com/detail_image.jpg');

作为我使用的like按钮的href

<a target="_blank" href="http://www.facebook.com/sharer.php?u=http://mysite.com">Facebook</a>

问题在于弹出的 facebook 窗口提供的缩略图不是被选中的。 是因为必须按照此处所述“抓取”页面faceboook: like plugin

是否有人有使用 jquery 动态更改 og:image 属性的经验。 有可能吗？

问候， 彼得

Answer 1

是否有人有使用 jquery 动态更改 og:image 属性的经验。有可能吗？

我有尝试使用 jQuery 更改 og 元标记的经验，但是它不起作用。原因是 Facebook linter 只查看响应中的 HTML，不运行任何脚本。因此，您的网络服务器代码需要以足够智能的方式进行编程，以便为 Facebook 提供正确的 og 元标记。