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

时间:2010-07-30 17:43:11

标签: facebook

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

3 个答案:

答案 0 :(得分:13)

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

social buttons as images

答案 1 :(得分:10)

你可以!

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

<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,反之亦然。

答案 2 :(得分:1)

原来,没有办法。 您只能使用FBML生成FB登录按钮并指定自定义文本。所有静态Facebook图像都使用“连接”而不是“登录”。 我改为登录按钮的截图:)。