自定义 developers.facebook.com 中提供的默认 Facebook 分享按钮

Customize the default Facebook Share button provided in developers.facebook.com

我有一个 facebook 的自定义图片,当用户点击时,它会分享一些东西,但是,developers.facebook 提供了使用以下代码自动生成分享按钮的元素

<div class="fb-share-button" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button"></div>

我想用我的自定义图片使用生成的代码弹出分享页面,有什么办法吗?

%a.link.facebook{href: "some_url_here"}

我已经在网上搜索过了,还是卡住了,

感谢您的帮助,我还是个初学者,:)

很多建议都很有用,感谢大家,但我觉得这个方法比较简单,想分享给大家。

Javascript(放在页眉或页脚)--

<script>
function fbShare(url, title, descr, image, winWidth, winHeight) {
    var winTop = (screen.height / 2) - (winHeight / 2);
    var winLeft = (screen.width / 2) - (winWidth / 2);
    window.open('http://www.facebook.com/sharer.php?s=100&p[title]=' + title + '&p[summary]=' + descr + '&p[url]=' + url + '&p[images][0]=' + image, 'sharer', 'top=' + winTop + ',left=' + winLeft + ',toolbar=0,status=0,width=' + winWidth + ',height=' + winHeight);
}
</script>

到您的 link 或图片

<a href="javascript:fbShare('http://jsfiddle.net/stichoza/EYxTJ/', 'Fb Share', 'Facebook share popup', 'http://goo.gl/dS52U', 520, 350)">Share</a>

http://jsfiddle.net/stichoza/eyxtj/