个性化fb登录按钮与图像

Question

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

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

wthat我曾尝试：

<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。