Question

我按照本教程在我的网站上添加了一个Facebook分享按钮：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>

我尝试了在谷歌上发现的另外两张照片，它也有效。但现在当我使用存储在我的服务器上的图片时，它不起作用。例如：

<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）图像需要至少50x50（来自内存），但你的图像只有35x35

2）托管证书无效。不确定这是否有所不同，但如果加载较大的图像不起作用，请查看修复此问题（或托管不在https上）

编辑：刚看到在Linter / Debugger中检查另一个项目/错误时，图像应该是200 x 200.看起来似乎不是一个要求，但最终可能。另外需要注意的事情。

使用我网站上的分享按钮时，我的图片不会显示

1 个答案: