将图像数组传递给html div（Facebook JS SDK）

Question

i am able to retrieve a facebook users images and console log them with the code snippet below.

  FB.api('/v2.2/me/photos/', function(response) { //User Photos
    var obj = response.data;
        for (var i = 0; i < obj.length; i++) {
        // Do something with object
         console.log(obi[i].source); 
        }
    });

I am having an issue passing the array of images to a div, i have tried the method below but it only returns one image url.

$("#user_album").val(obi[i].source);

Any Suggestions?

Answer 1

Not sure how you want it.But following code will add the image source to your div(id=user_album)

FB.api('/v2.2/me/photos/', function(response) { //User Photos
var obj = response.data;
    for (var i = 0; i < obj.length; i++) {
    // Do something with object
     $("#user_album").append(obi[i].source);
    }
});

It may help you or you may get idea.