Facebook像按钮动态缩略图与ajax画廊

时间:2012-02-01 21:58:08

标签: jquery ajax facebook facebook-like thumbnails

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

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

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

当有人点击网格中的图片时,元标记的内容属性会在单个视图中更改为当前图片的网址。

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

作为我使用的类似按钮的href

<a target="_blank" href="http://www.facebook.com/sharer.php?u=http://mysite.com">Facebook</a>
问题是弹出式facebook窗口提供的缩略图不是所选的缩略图。 是因为页面必须按照此处faceboook: like plugin

所述进行“刮擦”

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

的问候, 彼得

1 个答案:

答案 0 :(得分:2)

  

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

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