2016-08-03 16 views
0

Facebook Graph APIを使用して通常の画像から大きな画像を取得するには、オブジェクトに130 x 130ピクセルの画像しか表示されません。ここFacebook Graph APIが元の画像サイズで動作しない

function fbFetch() { 
 

 
    var access_token = ""; 
 
    var url = "https://graph.facebook.com/?ids=intel&fields=posts.limit(5){message,created_time,picture.type(normal)}&access_token=' + access_token; 
 

 
    $.getJSON(url, function(response) { 
 

 
     var messages = []; 
 

 
     Object.getOwnPropertyNames(response).forEach(function(page, idx, array) { 
 
      response[page].posts.data.forEach(function(post, idx, array) { 
 
       messages.push(post); 
 
      }); 
 
     }); 
 

 
     function compare(a, b) { 
 
      if (a.created_time < b.created_time) 
 
       return -1; 
 
      if (a.created_time > b.created_time) 
 
       return 1; 
 
      return 0; 
 
     } 
 

 
     var html = "<ul>"; 
 
     $.each(messages.sort(compare), function(i, fb) { 
 
      if (typeof fb.picture != "undefined") { 
 
       html += "<li>" + fb.message + "</br>" + '<img SRC="' + fb.picture + '">' + "</br>" + fb.created_time + "</li></br>"; 
 
      } else { 
 
       html += "<li>" + fb.message + "</br>" + fb.created_time + "</li></br>"; 
 
      } 
 
     }); 
 
     html += "</ul>"; 
 
     $('.facebookfeed').html(html); 
 
    }); 
 
} 
 

 
fbFetch();
<div class="facebookfeed"></div>

フィドル:http://jsfiddle.net/6fhq3dat/17/

答えて

0

使用full_picture代わりpicture

var url = "https://graph.facebook.com/?ids=intel&fields=posts.limit(3){message,created_time,full_picture}&access_token=" + access_token; 

demo

+1

ありがとうファストカタツムリ:)素晴らしい作品! –

関連する問題