可能重复:
Facebook SDK: Replace “Log In” button with custom image
我有这个:
<fb:login-button autologoutlink="true"></fb:login-button>
如何根据图像,尺寸等自定义按钮?
答案 0 :(得分:4)
如果你正在使用新的Facebook JavaScript SDK,你可以使用任何元素作为按钮 - 只需将onclick事件附加到该元素,并使用必要的参数调用FB.login()。
答案 1 :(得分:3)
如果您使用Facebook PHP SDK(如果您是新手,请查看example given),您可以获取URL以将用户重定向到Facebook登录页面:
$fb_login_url = $facebook->getLoginUrl();
然后,您可以将其作为普通链接包含在您的页面中:
<a href="<?php echo $fb_login_url ?>" id="facebook_login_link">
Login with Facebook
</a>
您可以使用某些CSS进行自定义,例如:
#facebook_login_link {
background: url(my_button_image.png) no-repeat top left;
display: block;
width: 50px;
height: 20px;
}
答案 2 :(得分:3)
威廉,
此链接可能会说明您要完成的工作:http://blog.mixu.net/2011/01/09/implementing-facebook-login-part-3/
以上博客文章概述了一些可选属性:
答案 3 :(得分:1)
转到此answer,我已经解释了这一点并提供了代码。如果还需要进一步澄清,请告诉我。
以下是该代码的缩写版本 -
HTML PART -
<a href="#" onclick="fb_login();"><img src="images/fb_login_awesome.jpg" border="0" alt=""></a>
JAVASCRIPT FUNCTION -
function fb_login(){
FB.login(function(response) {
if (response.authResponse) {
console.log('Welcome! Fetching your information.... ');
//console.log(response); // dump complete info
access_token = response.authResponse.accessToken; //get access token
user_id = response.authResponse.userID; //get FB UID
FB.api('/me', function(response) {
user_email = response.email; //get user email
// you can store this data into your database
});
} else {
//user hit cancel button
console.log('User cancelled login or did not fully authorize.');
}
}, {
scope: 'publish_stream,email'
});
}