Facebook Like Button in Pretty Photo Image Gallery

Question

Na tej stronie użyłem pięknej galerii zdjęć. Problem polega na tym, że gdy użytkownik kliknie przycisk podobny do Facebooka, w jego wiadomościach wyświetlana jest tylko nazwa strony. to, co chciałbym, to - kiedy użytkownik kliknie przycisk FB LIKE na danym obrazie, ten obraz jest wyświetlany w jego kanałach informacyjnych. możesz mi pomóc to zrobić?

Answer 1

Podczas pracy z Facebook, zawsze zawsze sprawdzić adres swojej strony www z Facebook debugger.

Wygląda na to, że Facebook nie jest w stanie sprawić, że obraz będzie wyglądał prawidłowo, więc musisz dodać metatag, aby Facebook mógł poznać pożądany obraz dla prvded URL.

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

Aktualizacja 1:

W celu zmodyfikowania Meta wartości znacznika, gdy użytkownik zmieni galerii obrazu, można użyć następującego kodu, aby to zrobić:

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

notatka że musimy uciec przed znakiem :, jak wspomniano w documentation

Aktualizacja 2:

trzeba będzie zmienić te funkcje w celu uczynienia go do pracy:

$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

Użyj Facebooka OG Meta Tagi

przypadku obrazów na przykład:

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

Aby uzyskać więcej informacji, sprawdź to: http://davidwalsh.name/facebook-meta-tags