限制jQuery Photowall中显示的照片数量

时间:2013-05-17 22:01:34

标签: javascript jquery html

我正在使用可在http://creotiv.github.io/jquery-photowall/找到的jQuery photowall插件。 请查看此内容以查看说明和代码。由于Picassa网络相册中的大量照片,我遇到了一些加载时间较长的问题。为了解决这个问题,我希望能够设置一个可以限制拉到x量的照片数量的变量。如果有人能够告诉我如何做到这一点我会很感激!

你可以在这里看到我的一个项目上实现的照片。 http://hybridfuzionblackop.com/photos.html

谢谢!

2 个答案:

答案 0 :(得分:3)

在您对Picasa API的http请求中,您可以指定max-results parameter。这是他们参考的一个例子。我将max-results参数添加到URL:

$.ajax({
  url: 'https://picasaweb.google.com/data/feed/api/user/118283508237214694671/albumid/5685978516288199793'
         +'/?alt=json&fields=entry(gphoto:id,title,media:group(media:thumbnail,media:'
         +'content))&imgmax=720&max-results=10',
  ...
});

(请注意,我省略了其他参数)。

答案 1 :(得分:0)

我测试了类似的东西:

$.ajax({
        url: 'https://picasaweb.google.com/data/feed/api/user/118283508237214694671/albumid/5685978516288199793'
             +'/?alt=json&fields=entry(gphoto:id,title,media:group(media:thumbnail,media:'
             +'content))&imgmax=720',
        dataType: 'jsonp',
        success: function(data){
            var data2 = data.feed.entry.splice(0,10)
            console.log(data2);
        }
    });

这是较短版本的示例。 data是一个json对象,其中包含从picassa提供的所有图像的条目。我使用splice只获得前10张图片但是从picassa服务器下载json数据后

下载1000张json对象比1000张图片更好。