0

我必须首先说我只知道如何舒适地使用 HTML 和 CSS。

这将是从中获取图像源的最简单方法，我假设这是一个 JSON 调用，http ://graph.facebook.com/103184243098195/photos?fields=source&limit=999并将它们粘贴到我的 HTML 中一种我可以用CSS格式化它们的方法？

我在互联网上挑选了如何使用 jquery 来了解如何执行此操作，并找到了一些示例代码片段，但我不知道如何判断，我假设是 javascript，要查找什么，如何找到它，然后在哪里放置它找到的东西，即图像源。

我想我至少需要这个：

var url = ' https://graph.facebook.com/103184243098195/photos?fields=source&limit=999 '; $.getJSON(url, 函数(数据) { });

但我不知道在两者之间放置什么来获取图像源，然后将它们插入，比方说，一般来说只是一个 div。无论我去哪里尝试并学习我需要哪种语法都使用我不理解的术语，因为我不熟悉大多数语言。我什至不知道这是否是正确的开始/方向。

任何帮助表示赞赏！

4

1 回答 1

0

我从来没有使用过这个 API，但这至少应该给你一个开始，直到其他人出现。:P

HTML：

<body>
    <div id="facebook-stuff"/>
</body>

JS：

$.getJSON('http://graph.facebook.com/103184243098195/photos?fields=source&limit=999',     function(url) {
    var data = url.data;
    var paging = url.paging;
    for(var i = 0; i < data.length; i++)
    {
         $('#facebook-stuff').append('<img src="' + data[i].source + '" class="facebook-pics" id="pic' + i + '"/>');   
    }
});

http://jsfiddle.net/zV99P/

基本上，传递给您的函数的参数是您的 JSON 对象。数据是一个对象数组（在该对象内），您可以从中提取 id、来源和创建时间。使用 Jquery 或简单的 javascript，您可以使用 source 属性动态创建 img 元素，并将它们附加到页面上创建的任何元素。如果您希望将图像拆分到多个页面，这里还有一个分页对象。据我快速了解，您必须将查询字符串末尾的限制降低到较低的数字，即：?limit=5，然后您可以从分页对象，带有 paging.previous 或 paging.next。

于 2013-10-16T04:36:13.923 回答