如何为jQuery灯箱中的每张图片添加单独的facebook评论



我最近使用HTML5、CSS和jQuery构建了自己版本的灯箱。在其核心,jQuery基本上只是将整个灯箱添加到当前显示的页面中。我这么说是为了表明我没有使用任何花哨的设备,比如原型或iFrame。我还可以在灯箱中添加评论,这就是问题所在。

我希望每个图片的评论都是分开的。也就是说,用户应该能够评论每一张图片,而不是整个画廊本身。我遇到的问题是,脸书的评论只记录了整个页面的通信。因此,在灯箱中,当我转到下一张图片时,评论不会刷新。

我试过将个人图片URl传递到facebook请求的"data href"属性,但没有成功。我真的不知道该怎么办…

根据我的理解,以及在谷歌上的大量搜索,评论需要链接到一个单独的页面URL。我可以看到问题的来源:它要求html页面URL,但我给它们传递图片URL。

1) 我应该使用iframe并在其中加载图片,然后将iframe url传递给"data href"属性吗?2) 我应该尝试使用原型吗(我甚至不知道这些是什么,或者它们是否适用于我的情况,哈哈)

基本上,我如何告诉脸书保存链接到单个图片而不是整个html页面的评论?

第页。这就像是,我第三次发布同样的类似问题,所以我决定不再发布代码。。。我以前做过,但没有人回答,这次我觉得没有必要浪费空间。除了每个图像的注释之外,代码的所有内容都可以正常工作。然而,如果有人想看代码,只要问一下,我就会把它挂起来。

提前感谢!

/**解决方案更新**/我设法使它发挥作用。事实证明,脸书提前考虑了这一点,这样他们的评论就可以直接链接到一张图片上,而不仅仅是一个.html文件。对于像我这样苦苦挣扎的冒险家来说:以下是你必须做的:1) 将数据href设置为最初等于用户单击的图像的绝对URL2) 当用户点击上一个/下一个时,更新评论的数据href以反映图片中的变化,并在后立即调用以下方法

FB.XFBML.parse();

--该方法基本上刷新了注释插件,并使其显示更新后的注释。那是我的问题。理论上,我的代码一直在工作,我只是没有重新解析它。我添加了那一行,它就像一个魅力。

任何感兴趣的人都可以在这里查看灯箱的大致框架:http://shakazulu.host-ed.me/lightbox/lightboxPractice.html

--不要评判,这只是我用来尝试的一个练习领域。我会尽可能长时间地保留这些代码,因为我注意到在谷歌上很难找到类似的东西。如果有人需要整个jQuery代码或CSS,只要问一下,我就会把它发布在这里。

祝你在编程冒险中好运!

/*****************/

您是否尝试为每个图像创建一个虚拟页面?例如类似的东西

http://www.example.com/picture/picture-id

picture id是数据库中的图片id吗?这可以用作插件的假href。你可能需要在后台创建这个页面,但它可以很简单,只显示图像和评论插件(以防facebook需要抓取它)。

或者,仅仅通过在href属性上不使用图像扩展,就可能欺骗facebooksdk,使其认为这是一个有效的页面。当用户没有启用javascript的时,可以将其视为创建一个图像页面版本

最新更新