如何添加我的照片流？

Question

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

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>

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

Answer 1

我已经获取了您在下面发布的确切代码并将其应用于 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 为“图像”的 div，并且您没有其他导致错误的 javascript在您的页面上。

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