在不使用FBML的情况下显示静态Facebook登录按钮图像

Question

有没有办法或链接到静态图像网址显示Facebook"登录Facebook"按钮而不是"与Facebook连接"按钮？这似乎是我可以找到连接Facebook的唯一链接.我能够使用FBML标记fb:login_button生成"使用Facebook登录"按钮,但在这种情况下,我正在生成登录URL链接(以便将用户引导至启用触摸的Facebook登录界面-display = touch ).

Answer 1

我发现这个图像集非常有用.

社交按钮作为图像

Answer 2

您可以!

首先,创建您想要的链接.

<a href="#" onclick="myfunc();">Login!</a>

或者您可以使用图像.它们漂浮在网络上.

<a href="#" onclick="myfunc();"><img src="http://static.ak.fbcdn.net/rsrc.php/zB6N8/hash/4li2k73z.gif"></a>

然后,你myfunc()看起来像这样.

function myfunc() {
  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
      } else {
        // user is logged in, but did not grant any permissions
      }
    } else {
      // user is not logged in
    }
  }, {perms:'offline_access,read_stream'});
}

几个笔记:

1. 您当然需要其他标准的Facebook设置FB.init(),等等.
2. onclick()当然是糟糕的Javascript.你可以整理jQuery或诸如此类的东西.
3. Foursquare做到这一点,并有一个很好的Facebook实现.把它拆开.请注意,与许多其他网站不同,您可以退出Foursquare而无需退出Facebook,反之亦然.