Facebookの自分のフィードを表示したい

Question

Facebookの自分のフィードをjavascriptを使って別サイトで表示させようとしています。
下記のソースコード（Tokenは伏せ字にしています）で実行すると、更新日時・テキストは表示されますが画像が「undefined」となり表示されません。
画像を表示させるにはどうしたら良いのでしょうか？

該当のソースコード
Javascript

<script type="text/javascript"> $(function(){ $.ajax({ type: "GET", url: "https://graph.facebook.com/v2.3/****************/feed?access_token=*****************", dataType: "json", success: function(json){ json = json.data; var num = json.length; var Feed = "<ul>\n"; for(var i=0; i<num; i++){ var time = parseISO8601(json[i].created_time); var text = json[i].message; var img = json[i].picture; Feed += "<li><span>" + img + time + "</span> " + text + "</li>\n"; } Feed += "</ul>\n"; $("#topics").append(Feed); } }); }); function parseISO8601(str) { var date = str.match(/(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2})/); return date = date[1] + "年"+ date[2] + "月" + date[3] + "日" + date[4] + 9 + ":" + date[5]; } </script>

Answer 1

json[i].picture に含まれている文字列がurlなのであれば、<img>要素に展開すればよいのではないでしょうか？
ただし、画像はサイズがまちまちかもしれませんので、しっかりスタイルシートを駆使して大きくなり過ぎないようにしないといけないかもしれません。（サムネイル画像でも、場合によっては大きすぎるかもしれませんし。）

Comments

[Takuma_Tanaka]

ご回答有り難うございます。
仰るとおりjson[i].picture に含まれている文字列がurlなので、<img>要素に展開するために以下のように変更しましたが、紙が破れているようなアイコンが出るだけで画像は表示されません。

Feed += "<li><img src="+img+"><span>" + time + "</span> " + text + "</li>\n";

画像サイズは180*83なので大きさの問題では無いようです。
私のコードの書き方が悪いのでしょうか？

[Takuma_Tanaka]

アクセストークンを間違えていて正常にjson[i].pictureを取得できていませんでした。
正しいアクセストークンを入力すると正常に表示できました。
簡単なミスで失礼しました。
ご回答頂いた<img>要素に展開するという発想が思い浮かばなかったので助かりました。
ありがとうございました。