pretypto lightbox社交工具:所有图片都有相同数量的Facebook喜欢

prettyPhoto lightbox social tools: all images have the same number of Facebook likes

本文关键字：喜欢 Facebook lightbox 工具有图片 pretypto 更新时间：2023-09-26

Background:我有一个网站使用pretyphoto灯箱来显示照片。我已经启用了社交工具，可以在灯箱上显示"tweet"answers"Facebook"的"like"按钮，希望能够只对当前正在显示的照片进行"like"。

问题: Facebook的"喜欢"按钮实际上导致同一图库中的所有照片都被喜欢:所有照片在灯箱中显示相同的喜欢数量;在Facebook上，用户的"喜欢"在他们的新闻提要或最近的活动链接到画廊页面，而不是实际的照片被喜欢。

我试过:我试过编辑jquery. pretyphoto .js文件来添加在这个答案中找到的占位符:https://stackoverflow.com/a/11796964/2205165

我还尝试用'{path}'替换'location_href'，以查看是否使用了照片的完整路径/URL，但它没有，或者似乎没有这样做。

我已经尝试了上面的"深度链接"启用和禁用，但无济于事。

帮助:如果有人有一个解决方案，使Facebook喜欢和Twitter上的个人照片从pretyphoto灯箱，我洗耳恭听。即使是照片显示正确的点赞数，而不是所有照片都有相同的数字:在这个阶段，我对链接回单个照片不太在意:链接回主图库页面就足够了。

谢谢!

以防有人再次遇到这个问题，这个解决方案对我有效，它直接共享图像。

这只适用于图像，但没有理由它不能在pretypto中的其他情况下工作。

在pretypto .js中的pretypto参数中，用你想要的任何参数将facebook iframe切换成这样，这里重要的是"{path}"在iframe src的href点:

<iframe id="fbiframe" src="//www.facebook.com/plugins/like.php?href={path}&width&layout=button&action=like&show_faces=false&share=true&height=21&" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:26px;" allowTransparency="true"></iframe>'

然后在pretyphoto .js文件的第274行左右，您应该看到这一行:

$pp_pic_holder.find('#pp_full_res')[0].innerHTML = settings.image_markup.replace(/{path}/g, pp_images[set_position]);

添加另一行，就像它一样，并将src的href替换为如下所示，再次使用您想要的任何参数，关键是href被替换为图像位置变量:

$('#fbiframe').attr('src', "//www.facebook.com/plugins/like.php?href="+pp_images[set_position]+"&amp;width&amp;layout=button&amp;action=like&amp;show_faces=false&amp;share=true&amp;height=26");