ユーザーに自分のアプリへの投稿を表示する必要がある Facebook アプリを作成しています。このコードを使用して、ユーザーの投稿を取得しています。
function getusername(){
FB.api('/me/posts', function(response) {
var l=response.data.length;
var post;
for (var i=0; i<l; i++) {
post = response.data[i];
ShowOfferAccord(post);
}
});
}
これを使用して、投稿のコンテンツを表示しています
ShowOfferAccord=function(post){
var mes= post.message;
var capt = post.caption;
var des = post.description;
var ilink = post.link;
var image = post.picture;
$("#pagecap").text(capt);
$("#pagemsg").text(mes);
$("#pagedes").text(des);
$("#pagelink").text(ilink);
}
私のHTMLは:
<div id="pagemsg" style='display:block; position:relative; height:auto; text-align:left; font-size:15px; color:#000;'></div>
<div id="pagecap" style='position:relative; height:auto; text-align:left; font-size:15px; color:#000;'></div>
<div id="pageimg" style='position:relative; height:auto; text-align:left; font-size:15px; color:#000;'></div>
<div id="pagedes" style='position:relative; height:auto; text-align:left; font-size:15px; color:#000;'></div>
<div id="pagelink"style='position:relative; height:auto; text-align:left; font-size:15px; color:#000;'></div>
これは機能しています。
しかし、画像の場合、画像のURLを取得しています。画像の表示方法がわかりません。この URL をイメージ タグのソースとして解析する方法と、それを表示する方法を教えてください。