내 웹 사이트에 페이스 북 공유 버튼을 추가하려면이 튜토리얼을 따라

Question

내 웹 사이트에 공유 버튼을 사용하면 내 사진이 표시되지 않습니다 Tutorial to add a Facebook share button

내가 이해하지 못하는 것은 내가 그들의 사진을 사용할 때처럼 작동한다는 것입니다 이 예에서 :

<script type="text/javascript"> 
$(document).ready(function(){ 
$('#share_button').live('click', function(e){ 
e.preventDefault(); 
FB.ui(
{ 
method: 'feed', 
name: 'This is the content of the "name" field.', 
link: ' http://www.hyperarts.com/', 
picture: 'http://www.hyperarts.com/external-xfbml/share-image.gif', 
caption: 'This is the content of the "caption" field.', 
description: 'This is the content of the "description" field, below the caption.', 
message: 'This is text in the message box a user can add to or replace.' 
}); 
}); 
}); 
</script> 

Google에서 발견 된 두 개의 다른 사진으로 시도했지만 너무 효과적입니다. 하지만 지금은 내 서버에 저장된 사진을 사용할 때 작동하지 않습니다. 예 :

<script type="text/javascript"> 
$(document).ready(function(){ 
$('#share_button').click(function(e){ 
e.preventDefault(); 
FB.ui(
{ 
method: 'feed', 
name: 'www.facebook.com propulsé par Propelink', 
link: 'http://prplk.com/MTU1', 
picture: 'https://www.users.prplk.com/images/profils/17_20120726190935.jpg', 
caption: '', 
description: '', 
message: '' 
}); 
}); 
}); 
</script> 

밑줄 문자는 지원되지 않습니까? 또는 내 그림에 문제가 있습니까?

누군가 내 문제를 해결하는 데 도움이되기를 바랍니다.

감사합니다 여기

Answer 1

두 가지 가능한 문제.

1) 이미지는 메모리에서 적어도 50 × 50 (수 있어야)하지만 당신이 가지고있는 이미지는 35x35

2) 호스팅 인증서가 유효입니다. 이것이 차이를 만들지 모르겠지만 더 큰 이미지를로드해도 작동하지 않는다면이 문제를 해결하십시오 (또는 https에 호스팅하지 않음)

편집 : Linter/디버거는 이미지가 200 x 200이어야합니다. 아직 요구 사항이 아니지만 결국 나타날 수 있습니다. 그래서 또 볼 일이 있습니다.