FBML 墙贴，点击图像或按钮

Question

我正在使用 FBML 创建一个 Facebook 应用程序。我想要的是： 我有几张图像，例如，

<fb:tag name="img">
<fb:tag-attribute name="src">http://My_Img_Url_1.jpg</fb:tag-attribute>
</fb:tag>
<fb:tag name="img">
<fb:tag-attribute name="src">http://My_Img_Url_2.jpg</fb:tag-attribute>
</fb:tag>

当我单击图像时，它应该打开一个弹出窗口“发布到墙上”或“发布到您朋友的墙上”以及相应的图像 My_Img_Url_n.jpg。

我可以使用 FBML 共享按钮，例如：

METHOD-1

<fb:share-button class="meta">
<meta name="title" content="Image_TITLE"/>
<meta name="description" content="Image_Descrip"/>
<link rel="image_src" href="http://My_Img_Url_1.jpg"/>
<link rel="target_url" href="Some_Target_URL"/>
</fb:share-button>

或

​​ METHOD-2： 我可以调用 fb:ui

    <script>
FB.init({ 

 appId:'111111111111111', cookie:true,

    status:true, xfbml:true 
 });

 FB.ui({ method: 'feed', 
 name: '',
 link: '',
 picture: 'http://My_Img_Url_1.jpg'
 });
</script>

现在的问题是：

1. 如果我单击任何图像，它将调用 METHOD-1 或​​ METHOD-2，并且会弹出该图像。我怎样才能做到这一点？
2. 如果我使用 发布到朋友的留言墙上，我该怎么办？

Answer 1

我会选择选项 2，因为 FBML 很快就会被弃用 (https://developers.facebook.com/docs/reference/fbml/)。

总而言之，初始化 JS SDK，确保您的用户已登录，然后使用新函数包装 FB.ui 调用。然后将图像以 HTML 格式写入页面，并分配单击事件来调用新的 Javascript 函数。

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
  // Initialize the Facebook Javascript SDK
  FB.init({
    appid: 'YOUR_APP_ID_HERE',
    status: true,
    cookie:true
  )};

  //Let's grab the userId for the user that is logged in
  //If you user is not logged in, redirect or prompt them to login/install the app.
  var userId = null;
  FB.getLoginStatus(function(response) {
    if (response.session) {
      uid = response.session.uid;
    }
    else {
      //Redirect or prompt to login with FB.login(), etc.
      //https://developers.facebook.com/docs/reference/javascript/FB.login/
    }
  });

  //Create your function to post to the users wall
  function postToWall(userId, imageURI, linkURI, name) {
    FB.ui({ method: 'feed',
      to: userId,
      name: name,
      picture: pictureURI,
      link: linkURI
    }, postToWallCallback);
  }

  //Create your callback function, this will be called when the user sends or closes the
  //Feed Dialog
  var postToWallCallback = function(response) {
     //For testing, let's alert out the contents of the response
     var responseStr = '';
     for(var item in response)
       responseStr += item + "=" + response[item] = "\n";

     alert(responseStr);
  }
</script>

<!-- Now print your image to the page and wrap it in an anchor tag that calls your Javascript function -->
<a href="#" onclick="postToWall(uid, 'my_great_image.jpg', 'my_great_site.jpg', 'My Great Name');">
  <img src="my_great_image.jpg" />
</a>

该示例将发布到用户墙上。如果您想发布到另一个用户墙，您首先需要使用 FB.api('me/friends', myGreatCallback) 获取当前用户的好友 ID（请参阅 https://developers.facebook.com/docs/reference/javascript/FB.api/），然后将其传递到 postToWall ()

我写了这个，但没有尝试运行它，如果您遇到任何错误，请告诉我;)。您可以在以下位置找到有关 Facebook JS SDK 的更多信息： https://developers.facebook.com/文档/参考/javascript/