我一直在使用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">♥ {{likes}}</div></a>'
});
feed.run();
http://codepen.io/anon/pen/Bmhdp
但是当我更改客户端ID时,图像不是客户端的图像..
我对Instagram API相对较新,但我发现它有点滞后,我无法向他们报告这种情况......
我做错了什么,请指教!
答案 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">♥ {{likes}}</div></a>'
});
feed.run();