Facebook Album image url

Question

Im пытается получить URL-адрес изображения ответа, поэтому я могу добавить его в качестве фона. Он работает, но добавляет одно и то же изображение для каждого из них. Вот мой код:

getUserAlbums : function(){ 
    FB.api('/me/?fields=id,name,albums', function(response) { 
     var albums = response.albums.data; 
     var frame = ""; 
     console.log(albums); 
     _.each(albums, function(album) { 

      FB.api('/'+album.cover_photo+"/picture?type=album", function(response) { 
       var url = response.data; 
       _.each(url, function(bg) { 
        console.log(url); 
        $("li.album").css({backgroundImage:"url("+bg.replace("_s.jpg", "_a.jpg")+")"}); 
       }); 
      }); 

      frame += '<li class="album"><img src="images/fb_frame.png"/></li>'; 

      $('ul#albums').append(frame); 

     }); 

    }); 
} 

im using underscore btw thats what "_.each" is. Настоящая проблема заключается в том, что при добавлении фотографий она показывает одну и ту же фотографию для каждого альбома, что означает, что мои петли переписываются, но я не могу понять, почему.

Answer 1

я понял это, я должен был изменить способ, которым я был, добавить свои мои данные:

FB.api('me/?fields=albums', function(response) { 
     var albums = response.albums.data; 
     _.each(albums, function(album, i) { 
      FB.api('/'+album.cover_photo+"/picture?type=album", function(res) { 
       var frame = $('<li class="album"><img src="images/fb_frame.png"/></li>').appendTo('ul#albums'); 
       frame.css({backgroundImage:'url('+res.data.url.replace('_s.jpg', '_a.jpg')+')'}); 
      }); 
     }); 
    }); 

Answer 2

вам не нужно заменить _s.jpg на a_jpg. Оформить поле «Изображения» объекта фотографии. отсюда вы можете выбрать фотографии.

me/?fields=id,name,albums.fields(photos.fields(images)) 

"albums": { 
    "data": [ 
     { 
     "id": "xxxxxx", 
     "created_time": "2011-04-01T03:17:15+0000", 
     "photos": { 
      "data": [ 
      { 
       "images": [ 
       { 
        "height": 1107, 
        "width": 2048, 
        "source": "https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-prn1/s2048x2048/xxxx_n.jpg" 
       }, 
       { 
        "height": 330, 
        "width": 610, 
        "source": "https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-prn1/XXXX_n.jpg" 
       }, 
       { 
        "height": 330, 
        "width": 610, 
        "source": "https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-prn1/xxxxx_n.jpg" 
       }, 
       { 
        "height": 324, 
        "width": 600, 
        "source": "https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-prn1/s600x600/xxxxxxxxx_n.jpg" 
       }, 
       { 
        "height": 259, 
        "width": 480, 
        "source": "https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-prn1/s480x480/xxxxxxxx_n.jpg" 
       }, 
       { 
        "height": 173, 
        "width": 320, 
        "source": "https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-prn1/s320x320/xxxxxxx_n.jpg" 
       }, 
       { 
        "height": 97, 
        "width": 180, 
        "source": "https://fbcdn-photos-a.akamaihd.net/hphotos-ak-prn1/xxxxxx_a.jpg" 
       }, 
       { 
        "height": 70, 
        "width": 130, 
        "source": "https://fbcdn-photos-a.akamaihd.net/hphotos-ak-prn1/xxxxxxxx_s.jpg" 
       }, 
       { 
        "height": 70, 
        "width": 130, 
        "source": "https://fbcdn-photos-a.akamaihd.net/hphotos-ak-prn1/s75x225/xxxxxx_s.jpg" 
       } 
       ], 
       "id": "4274066575883", 
       "created_time": "2013-02-09T10:43:54+0000" 
      },