问题标签 [instafeedjs]

所以我有我的客户/朋友作为沙盒用户，他们也有我作为沙盒用户。我有他的客户 ID，但是当我尝试生成访问令牌时，它在访问令牌代码中列出了我的客户 ID，而不是他的- 我该如何解决这个问题？请告诉我我不要让他生成访问令牌？这对我来说似乎很疯狂，因为这会破坏开发人员为客户创建这个 Instafeed 的目的？

请有人帮我解决这个问题——似乎没有人为我回答这个问题，我相信很多开发人员都在使用这个 Instafeed 功能。非常感谢您的帮助！

我正在使用http://instafeedjs.com/在我的 WordPress 网站中显示 Instagram 提要。

我已经包含了这个文件：

并添加到页面<div id="instafeed"></div>中。但这显示

ReferenceError：Instafeed 未定义

Firebug 中的错误，并且提要不显示。

有谁知道解决这个问题的解决方案？

我正在使用 instafeed.js，如下所示：

但我收到此错误：

我通过https://www.instagram.com/developer获得了 access_token我注册了我的应用程序并将客户端密码作为 accessToken 并从这里获得了我的用户 ID https://smashballoon.com/instagram-feed/find-instagram -用户身份/

但它仍然在说The access_token provided is invalid.我做错了什么？

我正在使用 instafeed js 获取 instagram 图像以显示在我的网站上。我想提取 5 张图像并将其显示在一起，就像我在codepen上创建的这个示例一样。但是，instafeed js 的模板功能限制了我如何像在 codepen 示例中那样组织图像，因为没有办法将每个图像专门定位到 div。

codepen 上的代码显示了我希望如何放置每个图像。

这是使用 instafeedjs 的代码

我已经建立了一家销售产品的商店，并且我想在我的网站上包含一个 Instagram 提要。

我决定使用已安装的，除了我希望图像在新窗口中打开之外，我已经完成了所有工作。

我在这里查看了一些问题并尝试了模板。模板会阻止显示任何图像，但我在调试中也没有看到任何错误。

这就是我所拥有的：

我有点难过。有任何想法吗？

我正在尝试使用库instafeed.js和react- slick 创建一个显示 instagram 提要幻灯片的页面。很多资料都写到使用jquery slick 库和 instafeed.js 从提要中轻松实现照片轮播的文章如下：

您只需在 after() 函数中添加光滑的功能。

在查看 slick 库的 react-version 文档时，动态内容应该是这样的：

很多消息来源都在谈论与 2 个库一起制作 instagram-feed-carousel 而不显示任何解决方案是多么容易，所以我对如何使这项工作有点迷茫，因为我不知道如何从 react-slick 将我的 instagram-feed 动态添加到滑块组件中。

我这个问题好几天了，不知道怎么办。所以我尝试从 instafeed 添加图像，而不是将静态放在 HTML 中或从数据库中获取数据，因为我希望图片与 instagram 个人资料相同。

这是我迄今为止尝试过的

以上是 instafeed 的代码，我已经template从 cubeportfolio 中制作了它。下面是 cubeportfolio js。

它确实出现在网站上but only，inspect element但图像在那里。这是检查元素的代码

如您所见，它确实出现了，但问题是 cubeportfolio 为这些项目添加样式（如果我直接放在 HTML 文件上，它确实会出现）。下面是检查元素的图像，您可以看到第一个项目上有样式，它是由 cubeportfolio 动态添加的。

那么如何让 instafeed 中的这些项目从 cubeportfolio 中获得风格呢？我已经尝试将 cubeportfolio 放在 instafeed js 中，所以当 instafeed 完成时，它会启动 cubeportfolio，但它仍然无法正常工作。

我感谢任何形式的帮助，谢谢

编辑：

即使在我尝试在 instafeed 之后运行 cubeportfolio 之后，它仍然无法正常工作

编辑：

我正在尝试测试 instafeed.js，但无法在简单的引导页面上加载它

我页面上的所有内容都会加载，包括这个容器，但它是空的，没有任何 Instagram 代码的提示。

我在我的根目录中下载了 instafeed js 文件夹。工作文件与此 instafeed 文件夹位于同一文件夹中，并且 min.js 文件位于其中。

显然，我的客户 ID 被省略了，但除此之外，我在这里做错了什么？

这是我当前与此相关的代码块：

我终于很接近了，但我使用的是 Instafeed.js，我的 4 张图像完全水平居中，但我的悬停动作与文本颜色叠加在左侧。

不知道这是怎么回事，但是 flexbox 应该把这一切放在中心吗？

这是代码

什么是让悬停工作的最佳方式，同时将所有图像保持在水平行的中心并确保叠加层始终是图像的大小？

我正在使用 CSS Grid 来显示由 instafeed.js 提取的所有照片。它完美地适用于第一组照片，但是当我使用该next()功能添加“加载更多...”按钮时，它完全破坏了网格布局。

该图像显示了第一个红色框，它们是加载良好的初始图像，然后是第二个红色框，它们是使用时加载的图像next()。