php - Facebook 网站上的图片库 (PHP/JSON)

Question

我正在尝试让 Facebook 图库 ( https://www.facebook.com/media/set/?set=a.188384271935.125248.188249156935&type=3 ) 特别显示在网站上。

我尝试过的所有 JSON 示例对于 facebook 当前的 API 来说似乎都已经过时了。

https://graphs.facebook.com/10151038651796936?fields=images提取我需要的 JSON 数据。但是当我将其插入到我找到的示例中时，甚至是来自 Facebook API 的示例时，它不会加载。 (使用本地托管的 Jquery 1.9)

这是我尝试使用的代码，但我认为根据 facebook 当前的 API，它已经过时了。

        <script type="text/javascript">
          (function (gallery_id) {
            var title = $('h2'),
                viewer = $('#viewer'),
                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;

              viewer.attr('src', imgs[0].images[0].source)

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

              $('img', thumbs).bind('click', function(e) {
                e.preventDefault();
                viewer.attr('src', $(this).attr('data-fullsize'));
              });
            });
          })('188384271935'); //  put the gallery ID here

我希望代码能够选择显示的图片数量(最新的)，并且能够轻松更改图库 ID。

我对 JSON 非常不熟悉，如果您能展示一个可以执行这些操作的工作代码片段的示例，我将非常感激。

Answer 1

你的代码对我来说工作得很好。您应该仔细检查您的 jQuery 库是否确实正在加载，并且页面上的元素具有 viewer和thumbs身份证。 viewer应该是 img标签和thumbs应该是某种 block 级元素，例如 div .

因为您没有使用jQuery(document).ready要调用它，(至少不是从提供的代码中)您还应该确保此脚本标记包含在 viewer 的标记之后和thumbs .

顺便说一句，如果您使用 imgs[i].images[6].source对于您的缩略图，它们会小一些。