标签: instafeedjs

我正在使用instafeed.js在我的网站上显示我最新的Instagram图像.但默认情况下,图像链接在同一窗口中打开.这是JS代码:https: //github.com/stevenschobert/instafeed.js/blob/master/instafeed.js 更多信息:http: //instafeedjs.com

我尝试使用这个技巧在新窗口中打开链接:

<script>
$(function(){
  $("#instafeed a").attr("target","_blank");
});
</script>

但这种伎俩并不适用于这种情况.

任何方案？谢谢.

我想跳过我通过Instafeed JS插件收集的Feed中的所有视频类型帖子.从其他一些帖子中读取设置过滤器可以解决它但是如果我应用它(见下文)我只得到2个图像而不是5.这5个中的一个是视频类型,其余是图像类型.不确定这里发生了什么？

var loadButton = document.getElementById('instafeed-loadmore');
            var feed = new Instafeed({
                get: 'user',
                type: 'image',
                limit: '5',
                sortBy: 'most-recent',
                resolution: 'standard_resolution',
                userId: '',
                accessToken: '',
                template: '<div><a href="#" data-modal="instafeed-expand" data-caption="{{caption}}" data-image="{{image}}"><img src="{{image}}" data-etc=""></a></div>',
                filter: function(image) {
                    return image.type === 'image';
                },
                after: function() {
                    if (!this.hasNext()) {
                        loadButton.setAttribute('disabled', 'disabled');
                    }
                },
            });

            loadButton.addEventListener('click', function() {
                feed.next();
            });

过去几年我一直在几个项目中使用 instafeed，没有出现太多问题。随着 Instagram 的新 API 要求，我遇到了一些问题，任何帮助都会非常好 -

到目前为止，我已经设置了基本的 API 访问（生成了我的 ID 和 accsessToken）-

（所以我已经在这里完成了文档 - https://developers.facebook.com/docs/instagram-basic-display-api/getting-started）

我现在试图获取我的 ClientID，但似乎找不到在哪里执行此操作（鉴于此更改是新的，我在网上找到的信息分配指的是执行此操作的旧方法，该方法来自：

https://www.instagram.com/developer/clients/register/

然而现在返回：

不再支持新注册）

所以问题（再次感谢这里的任何帮助）-

1) 您是否仍然可以使用 instafeed js 在您的网站上显示您的 Instagram 帖子（对 API 进行所有这些更改后，它对新帐户仍然有效吗）

2) 我现在如何生成 ClientID？

即（这是来自 instafeed.js）

var feed = new Instafeed({
    get: 'user',      // <-- new
    userId: 'XXXXXXX <<<< GOT THE CODE',   // <-- new
    clientId: '??????????????? <<< **need this code for it to work**',
    accessToken:'XXXXXXX <<<< Got the code',
    template: '<a href="{{link}}"><img src="{{image}}" /></a>',
    sortBy: …