如何添加我的照片流?

Posted

技术标签:

【中文标题】如何添加我的照片流?【英文标题】:How to add my photostream? 【发布时间】:2014-07-28 13:02:17 【问题描述】:

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

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>

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

【问题讨论】:

您收到的问题是什么?这里没有问题? 这对我有用吗?错误是什么? jsfiddle.net/mYnQy 【参考方案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在您的页面上。

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

【讨论】:

是的,但它没有添加我的流 - 假设我要问的是如何找到我的照片流 id 您如何编辑您的问题以实际解释这是问题所在?

以上是关于如何添加我的照片流?的主要内容,如果未能解决你的问题,请参考以下文章

如何从我的照片流相册中获取照片

如何获取共享照片流 ALAsset 的 ALAssetRepresentation?

如何以编程方式检索对 iOS 照片流中的照片所做的评论?

如何使用 PhotoKit 列出共享的照片流相册

如何访问苹果照片流中的文件

wordpress制作照片瀑布流的效果,如何实现?