2013-08-16 74 views
0

我試圖通過從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

回答

1

,可以通過添加限制請求//graph.facebook.com//album_id/photos/?limit=100
增加照片的極限
但如果你有很多照片,你應該,因爲直到分頁參數是這樣的:
//graph.facebook.com/album_id/photos?limit=25 &直到= 1298957761因爲在那裏,直到參數是UNIX時間戳或者你可以抓取l通過偏移量參數
//接下來的50張照片//graph.facebook.com/album_id/photos?limit=25 &偏移量= 50

有通過圖形API對象之間的分頁的其他方式,你應該看看這個,pagination with graph api

,那麼你可以建立一個函數來獲取下幾張照片。你可以通過一個按鈕來觸發它,或者你可以在一定的時間間隔內獲取它們,或者你可以使用回調函數重新向服務器請求。

+0

非常感謝,這是一個比開發者頁面更好的解釋! –