Facebook 连接按钮

Question

我找不到怎么生成经典的 Facebook 登录按钮：

我找到的只是这个：

---

我在这里使用的文档是 http://developers.facebook.com/docs/guides/web

---

有什么想法吗？ :)

Answer 1

“用Facebook连接”其实只是这个按钮的早期设计。如果你真的想用这个样式，你可以找“用Facebook登录”的代码，把它调整成“用Facebook连接”的样子，然后放到页面里。但是我不太推荐这样做，因为这种方法不太稳定，一旦Facebook那边做了什么改动，你的按钮可能就会坏掉。

Answer 2

http://developers.facebook.com/docs/reference/plugins/login

如果你想更换图片，你需要手动操作：

<div id='login'><a href="#" id='facebook-login' onclick='fblogin();'><img src="your image url here" /></a></div>
</a>
<script>
    function fblogin(){
        FB.login(function(response) {
            if (response.session) {
                if (response.perms) {
                    // user is logged in and granted some permissions.
                    // perms is a comma separated list of granted permissions
                    window.location.reload();
                } else {
                    // user is logged in, but did not grant any permissions
                    window.location.reload();
                }
            } else {
                // user is not logged in
                window.location.reload();
            }
        }, {perms:'email'});
        return false;
    }
</script>