показывать фотографии из фейсбука с javascript api? - PullRequest
Новая
       2

показывать фотографии из фейсбука с javascript api?

3 голосов
/ 07 марта 2012

Я хочу отображать фотографии из одного из моих альбомов в Facebook на моей веб-странице с javascript api.Я могу прочитать названия альбомов с помощью приведенного ниже кода, но как я могу затем отобразить фотографии одного из альбомов?

FB.api('/myfacebookid/albums', function(response) {

    var ul = document.getElementById('albums');
    for (var i=0, l=response.data.length; i<l; i++) {
      var
        album = response.data[i],
        li = document.createElement('li'),
        a = document.createElement('a');
      a.innerHTML = album.name;
      a.href = album.link;
      li.appendChild(a);
      ul.appendChild(li);
    }
  });

Любой вклад приветствуется, спасибо!

ОК, теперь у меня есть этот код: 

    FB.api('/142461229141170/albums?fields=id,name', function(response) {
     if (response && response.data && response.data.length){
         console.log(response)

  for (var i=0; i<response.data.length; i++) {
    var album = response.data[i];

    if (album.name == 'Profile Pictures'){

      FB.api('/'+album.id+'/photos', function(photos){
        if (photos && photos.data && photos.data.length){
          for (var j=0; j<photos.data.length; j++){
            var photo = photos.data[j];
            // photo.picture contain the link to picture
            var image = document.createElement('img');
            image.src = photo.picture;
            $('#foton').append(image);
          }
        }
      });

      break;
    }
  }
   }
});

Я предполагаю, что я делаю что-то не так ... все же!Это отображает фотографии из альбома фотографий профиля, но мне пришлось изменить его на $ ('# foton'). Append (image);,Если я смотрю на журнал, то получаю 4 объекта.

Если я перехожу на другой альбом, например, «Фотографии ручной работы» или «Фото на обложке», он перестает работать.

А также, если я изменяю userId сверху(выше это идентификатор страницы) на мой личный идентификатор в фейсбуке, затем он перестает работать.

Я действительно пытаюсь понять, как это работает, потому что я также хочу получить канал и некоторые другие вещи после этого, иЯ думаю, что это работает так же, как это?Большое спасибо, ребята!

Ответы [ 2 ]

8 голосов
/ 07 марта 2012

Это можно сделать, отправив запрос API Graph к photos соединению album: 

FB.api('/me/albums?fields=id,name', function(response) {
  for (var i=0; i<response.data.length; i++) {
    var album = response.data[i];
    if (album.name == 'Profile Pictures'){

      FB.api('/'+album.id+'/photos', function(photos){
        if (photos && photos.data && photos.data.length){
          for (var j=0; j<photos.data.length; j++){
            var photo = photos.data[j];
            // photo.picture contain the link to picture
            var image = document.createElement('img');
            image.src = photo.picture;
            document.body.appendChild(image);
          }
        }
      });

      break;
    }
  }
});
4 голосов
/ 07 марта 2012

Вы используете график, чтобы сделать это ... все, что вам нужно, это album.id сверху, а затем вы вызываете график, чтобы получить фотографии.Я прошел fields=pictures, чтобы сказать Facebook, чтобы он возвращал только ссылки на изображения.Вы можете опустить этот параметр, и он вернет вам кучу всего. 

https://graph.facebook.com/<album.id>/photos?fields=picture

Список всех полей можно найти здесь Альбом - Graph API

...