javascript - 漂亮照片图库中的 Facebook 赞按钮

Question

在这个网站上，我使用了漂亮的图片库。问题是 - 当用户点击 facebook like 按钮时 - 在他的新闻上只显示网站名称。我想要的是 - 当用户单击特定图像上的 fb LIKE 按钮时，该图像会显示在他的新闻提要中。你能帮我做这个吗？

Answer 1

使用 Facebook 时，始终使用Facebook 调试器检查您的网站 url 。

看起来问题是 Facebook 可能无法获取图像，因此您需要添加一个元标记，以便 Facebook 可以知道 prvded URL 所需的图像。

Ex: <meta property="og:image" content="YOUR_IMAGE_PATH"/>

更新1：

为了在用户更改图库图像时修改 Meta 标签值，您可以使用以下代码来执行此操作：

$("meta[property=og\\:image]").attr("content", YOUR_IMAGE_PATH);

请注意，我们需要转义文档:中提到的字符

更新 2：

您需要更改这些功能才能使其正常工作：

    $pp_gallery.find('.pp_arrow_next').click(function(){
            $.prettyPhoto.changeGalleryPage('next');
        // here you will need to read the current image url, then assign it to our facebook line.
    $("meta[property=og\\:image]").attr("content", YOUR_IMAGE_PATH);
            $.prettyPhoto.stopSlideshow();
            return false;
        });

    $pp_gallery.find('.pp_arrow_previous').click(function(){
            $.prettyPhoto.changeGalleryPage('previous');
        // here you will need to read the current image url, then assign it to our facebook line.
$("meta[property=og\\:image]").attr("content", YOUR_IMAGE_PATH);
            $.prettyPhoto.stopSlideshow();
            return false;
        });

Answer 2

使用 Facebook 的 OG 元标签

例如图像：

<meta property="og:image" content="http://yourwebsite.com/img/img.png"/>

有关更多信息，请查看：http ://davidwalsh.name/facebook-meta-tags