Javascript Facebook共享按钮的自定义图像

Javascript Facebook共享按钮的自定义图像,javascript,html,css,facebook,Javascript,Html,Css,Facebook,我已经在互联网上搜索了一段时间,找不到任何有用的东西。我想为共享按钮使用我自己的自定义图像,但每当我尝试环绕图像时,共享按钮就会消失。抱歉,缺少信息,因为我是Facebook SDK的新手。任何帮助都将不胜感激,谢谢 我拥有的当前代码: <div class="fb-share-button" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button"><img src="Imag

我已经在互联网上搜索了一段时间,找不到任何有用的东西。我想为共享按钮使用我自己的自定义图像,但每当我尝试环绕图像时,共享按钮就会消失。抱歉,缺少信息,因为我是Facebook SDK的新手。任何帮助都将不胜感激,谢谢

我拥有的当前代码:

<div class="fb-share-button" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button"><img src="Images/Icons/facebook.png" class="link"></div>

此代码对我来说很好:

<!-- facebook -->
<img src="[YOUR_FACEBOOK_PIC]" alt="Share on Facebook" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent('[YOUR_PAGE_URL]'),'facebook-share-dialog','width=626,height=436'); return false;">

<!-- twitter -->
<img src="[YOUR_TWITTER_PIC]" alt="Share on Twitter" onclick="javascript:window.open('https://twitter.com/share?text=[SOME_TEXT_TO_PREPOLUTATE_TWEET]&amp;url=[YOUR_PAGE_URL]','Twitter-dialog','width=626,height=436'); return false;">

<!-- google+ -->
<img src="[YOUR_GOOGLE_PIC]" alt="Share on Google Plus" onclick="window.open('https://plus.google.com/share?url=[YOUR_PAGE_URL]','Google-dialog','width=626,height=436'); return false;">

只需替换括号中的文本,不要忘记对url中的所有文本进行“url编码”,以避免出现问题

而且它们中的任何一个都不需要SDK


以下是每一个项目的官方文件参考:

  • (您可以在该部分下看到)
  • (您也可以按说明使用)
  • (在股票链接部分下)

您能提供一点您目前创建的代码吗?我发现这也很难,所以我通常使用Addthis,这样可以很容易地更改按钮的外观。对于其他社交网络,如Twitter和Google+,是否有办法做到这一点?是的。我在一个网页上有这个代码,让我找到它并复制到这里。这个代码的文档在哪里?。我觉得这是个秘密。这是一种比我计划做的更简单的方法。我觉得这太好了,不可能是真的。@jackblank我编辑了答案,添加了到官方页面的链接,其中包含(有时很少)文档