個性化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。