Instafeed的问题和新的客户端ID号

时间:2014-09-21 21:22:43

标签: javascript instafeedjs

我一直在使用instafeed.js提取Instagram Feed我按照注册新应用程序的过程进行操作,因此我可以在提取信息时模板化图片。

我发现这个教程可以有效地为图像设置样式,所以我决定实现它:

var feed = new Instafeed({
  clientId: '877c13677a614436ad3d65856a9f4c8c',
  limit: 20,
  sortBy: 'most-liked',
  after: function () {
    var images = $("#instafeed").find('a');
    $.each(images, function(index, image) {
      var delay = (index * 75) + 'ms';
      $(image).css('-webkit-animation-delay', delay);
      $(image).css('-moz-animation-delay', delay);
      $(image).css('-ms-animation-delay', delay);
      $(image).css('-o-animation-delay', delay);
      $(image).css('animation-delay', delay);
      $(image).addClass('animated flipInX');
    });
  },
  template: '<a href="{{link}}" target="_blank"><img src="{{image}}" /><div class="likes">&hearts; {{likes}}</div></a>'
});
feed.run();

http://codepen.io/anon/pen/Bmhdp

但是当我更改客户端ID时,图像不是客户端的图像..

我对Instagram API相对较新,但我发现它有点滞后,我无法向他们报告这种情况......

我做错了什么,请指教!

2 个答案:

答案 0 :(得分:0)

仅仅通过多注意就找到了答案。

运行函数feed.run()的方法;应该是userFeed.run();

答案 1 :(得分:0)

尝试添加标准选项&#34; get&#34;。根据您选择的内容,您需要为此添加选项。所以如果你说:

get : 'tagged'

您必须添加tagName。像

这样的东西
get : 'tagged',
tagName: 'anythingHastagYoulike'

那将拉哈斯塔格的照片。如果你想在一个地方拉照片,你会做点像......

get : 'location',
locationId : 0000000;

找到位置ID换出号码。没有引号需要。

因此,根据您要从Instagram中提取的内容,您的“获取”权限取决于将会改变,你需要为此添加适当的端点。如果您只是想通过主题标签进行Instagram范围内的图片搜索,那么您的代码可能看起来像这样。

var feed = new Instafeed({
  clientId: '877c13677a614436ad3d65856a9f4c8c',
  limit: 20,
  get: 'tagged', // added
  tagName: 'anytag', // added
  sortBy: 'most-liked',
  after: function () {
  var images = $("#instafeed").find('a');
  $.each(images, function(index, image) {
  var delay = (index * 75) + 'ms';
  $(image).css('-webkit-animation-delay', delay);
  $(image).css('-moz-animation-delay', delay);
  $(image).css('-ms-animation-delay', delay);
  $(image).css('-o-animation-delay', delay);
  $(image).css('animation-delay', delay);
  $(image).addClass('animated flipInX');
});
},
      template: '<a href="{{link}}" target="_blank"><img src="{{image}}" />     <div class="likes">&hearts; {{likes}}</div></a>'
});
feed.run();