显示Facebook专辑封面图片

时间:2013-01-31 19:20:35

标签: facebook facebook-graph-api facebook-javascript-sdk

我正在尝试显示Facebook用户相册的封面照片,但我没有运气。

到目前为止我所拥有的是:

        FB.api('/me/albums', function(response) {
            for(var i = 0; i < response.data.length; i++)
            {
                if(response.data[i].cover_photo != undefined)
                {
                    var alb = $('<div class="album" id="album-' + response.data[i].cover_photo + '"></div>').appendTo(view_scroll);
                    alb.css('background', 'url(https://graph.facebook.com/' + response.data[i].cover_photo + '/picture)');
                }
            }
        });

我得到的只是一个问号图像。关于如何将实际封面图片放入div背景的任何建议?

2 个答案:

答案 0 :(得分:1)

找到它...需要将访问令牌添加到网址的末尾:

background-image: url(https://graph.facebook.com/' + response.data[i].cover_photo + '/picture?access_token=' + [ACCESSTOKEN]

答案 1 :(得分:1)

嗨我遇到了同样的问题,我已经从用户的每张专辑中获得了cover_photo。我正在使用javascript sdk。检查登录状态后,只需调用函数albumes():

function albumes() {

   FB.api('/me/albums?fields=name,link,cover_photo,id',
      function(response) {
         for(var c = 0 ; c < response.data.length ; c++) {
            coverPhoto(response.data[c].cover_photo, response.data[c].name);
         }
      }
   );
}

function coverPhoto(id, nombre){

   FB.api('/'+id+'?fields=picture',
      function(responseIn) {
         $('#javascriptData').append(
              "<br>"+ nombre +"<img src='"+ responseIn['picture'] +"'>");
        }
   );
}