Facebook Like按钮在漂亮的照片图片库

Question

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

Answer 1

在与Facebook的合作，总是经常检查你的网站的网址与Facebook debugger。

看起来像问题是Facebook无法捕捉图像probarly，所以你需要添加一个元标记，以便Facebook可以知道所需的图像为prvded URL。

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

更新1：

为了修改Meta标记值，当用户更改库图像，你可以使用下面的代码可以这样做：

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

记我们需要摆脱:字符documentation

更新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标签

对于例如图片：

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

欲了解更多信息，看看这个：http://davidwalsh.name/facebook-meta-tags