-1

我想将我的照片流添加到我的网站我已经尝试了多个代码

https://gist.github.com/willdurand/5705453（找不到集合id）

和

jQuery.getJSON("http://api.flickr.com/services/feeds/groups_pool.gne?id=675729@N22&lang=en-us&format=json&jsoncallback=?", function(data){
  jQuery.each(data.items, function(i,item){
    jQuery("<img/>").attr("src", item.media.m).appendTo("#images")
      .wrap("<a href='" + item.link + "'></a>");
  });
});

假设我需要找到 id 才能将公共提要添加到我的照片流中？

编辑这似乎可行，但会引发 403。

<script>
jQuery(function(){
    var apikey = 'xxxxxxx';
    var userid = 'xxxxxx';
    jQuery.getJSON('http://api.flickr.com/services/rest/?&method=flickr.people.getPublicPhotos&api_key='+apikey+'&user_id='+userid+'&format=json&jsoncallback=?',
    function(data){
       jQuery.each(data.photos.photo, function(i,item){
            var purl = 'http://farm' + item.farm + '.static.flickr.com/' + item.server + '/' + item.id + '_' + item.secret + '_m.jpg';
            var pid = item.id;
            var container = '<div class="image-container" style="background: url(' + purl+ ');"></div>';
           jQuery(container).appendTo('#images');
        });
    });
});
</script>

这项工作只需要将图像设置为公开。

4

1 回答 1

0

我已经采用了您在下面发布的确切代码并将其应用于 JSFiddle。

jQuery.getJSON("http://api.flickr.com/services/feeds/groups_pool.gne?id=675729@N22&lang=en-us&format=json&jsoncallback=?", function(data){
  jQuery.each(data.items, function(i,item){
    jQuery("<img/>").attr("src", item.media.m).appendTo("#images")
      .wrap("<a href='" + item.link + "'></a>");
  });
});

http://jsfiddle.net/mYnQy/

图片已正确返回并且链接也可以正常工作，我想您应该检查您的页面上是否有一个 ID 为“images”的 div，并且您没有其他导致页面错误的 javascript .

通过在您选择的浏览器中使用开发人员工具并查看控制台来检查这一点。

于 2014-07-28T13:18:47.740 回答