个性化fb登录按钮与图像

Question

我想个性化与自定义图像的Facebook按钮连接： 如果我使用传统的Facebook自定义按钮，一切似乎都正常，但如果我改变它似乎根本不起作用 这里是原文：

<fb:login-button scope="public_profile,email" onlogin="checkLoginState();"></fb:login-button>

我已尝试过：

<img src="img/fb_login.png" onclick="FB.login()" />

但似乎没有用，有些建议吗？

Answer 1

HTML：

<button id="loginBtn">Facebook Login</button>

JavaScript的：

document.getElementById('loginBtn').addEventListener('click', function() {
    //do the login
    FB.login(function(response) {
        if (response.authResponse) {
            //user just authorized your app
            document.getElementById('loginBtn').style.display = 'none';
        }
    }, {scope: 'email,public_profile'});
}, false);

来源：http://www.devils-heaven.com/facebook-javascript-sdk-login/

当然，您必须先加载JavaScript SDK。