Question

我正在尝试通过加载Facebook相册中的图片来创建图库。

但是，我遇到了一个问题，即facebook每页限制25张图片，我无法找到使用JSON分页响应来收集更多数据的方法。

非常感谢将此回复纳入我的代码的任何建议。

谢谢！

$(document).ready(function() {

(function (gallery_id) {
    var title = $('h3'),
        thumbs = $('.thumbs');

    // album info
    $.getJSON('//graph.facebook.com/' + gallery_id + '?callback=?', function(json, status, xhr) {
      title.html('<a href="' + json.link + '">' + json.name + '</a> from ' + json.from.name);
    });

    // images
    $.getJSON('//graph.facebook.com/' + gallery_id + '/photos?callback=?', function(json, status, xhr) {
      var imgs = json.data;



      for (var i = 0, l = imgs.length - 1; i < l; i++) {
        $('<div><img src="' + imgs[i].images[3].source + '" data-img="' + imgs[i].images[0].source + '" data-fullsize="' + imgs[i].images[0].source + '"></div').appendTo(thumbs);
      }
       $('.thumbs').SuperBox();




    });
  })('406683109390041');
});

在此处使用：vikingsofmiddleengland.co.uk/beta/gallery.html

Answer 1

您可以通过在请求中添加限制来增加照片的限制 // graph.facebook.com//album_id/photos/?limit=100 ，

但是如果你有很多照片，你应该用以下参数进行分页：直到这样的参数：
// graph.facebook.com/album_id/photos?limit=25&until=1298957761 直到参数为unix时间戳，或者您可以通过偏移参数
// graph.facebook.com/album_id/photos?limit=25&offset=50 抓取下50张照片。

还有其他通过图形api在对象之间进行分页的方法，你应该看一下，pagination with graph api

然后你可以建立一个功能来获取下面的几张照片。您可以通过按钮触发它，也可以按时间间隔获取它们，也可以使用回调函数重新请求服务器。

在facebook图库中加载分页图像

1 个答案: