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以将公共Feed添加到我的照片流？

编辑这似乎有效，但会抛出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为“images”的div，并且你没有其他导致错误的javascript在你的页面上。

使用您选择的浏览器中的开发人员工具进行检查，然后查看控制台。

如何添加我的照片流？

1 个答案: