问题标签 [instafeedjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
2627 浏览

javascript - Instafeedjs 和 Fancybox 如何让灯箱在 instafeed 的 javascript 输出上工作

我正在尝试通过fancybox(或任何其他灯箱!!)打开我的instafeed 图片链接。我目前正在使用Easy Fancybox 插件InstafeedJS。简单地将fancybox 类添加到图像链接中没有任何作用。我认为它被我最初的 instafeed js 覆盖了?

我已经搜索和搜索,但找不到解决方案。Fancybox 在整个站点的所有其他“常规”图像上正常工作。我还尝试复制我的 instagram 提要的输出,并简单地将 HTML 粘贴到页面中,fancybox 仅在我删除后才能在此测试中正常工作

我当前的javascript如下:

很明显,我需要做一些 javascript 调整才能使 fancybox/lightbox 效果正确执行!我的控制台也没有错误。请指教!!:)

0 投票
1 回答
3239 浏览

javascript - Instafeedjs - 如何给每张图片不同的大小

我正在使用 Instafeed.js ( http://instafeedjs.com ) 从 Instagram 收集图像并在我的网站上显示它们。但是如何控制每张图片的大小,控制是低分辨率还是标准分辨率呢?

过去我使用过这段代码,但它不再起作用了:

0 投票
3 回答
3062 浏览

javascript - 在 instafeed.js 的新窗口中打开链接

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

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

但是这个技巧在这种情况下不起作用。

任何解决方案?谢谢。

0 投票
1 回答
872 浏览

masonry - Instafeed 和砌体

我在下面有这段代码,我试图将 Instafeed 和 Masonry 一起使用。一切正常,直到我单击“加载更多”按钮。然后砌体布局中断。这可能是因为某些东西在另一个之前加载,反之亦然。我是新手,因此将不胜感激所有帮助。

我得到了使用 imagesLoaded 而不是 window.load 以及使用 appended method 的提示。但我不明白如何将其合并到我的代码中。

我的代码在 script.js 文档中,并在 instafeed.js 和 masonry 之后的页面页脚中输出。

在此先感谢您的帮助!让我知道您是否还需要我做任何事情。

干杯/杰普

0 投票
1 回答
288 浏览

javascript - 在 Instafeed.js 中指定纬度和经度的半径距离

有没有办法在 instafeed.js 中指定 lat + long locationID 的半径距离?

例如,以下代码将返回带有埃菲尔铁塔位置标签的照片,然后过滤一些主题标签。有没有办法在定位点周围指定几公里或类似的半径?

0 投票
1 回答
3579 浏览

javascript - 尝试在 Instagram Instafeed 脚本上加载更多按钮,但在我的网站上没有响应

我有一个 instagram 提要集成到我正在更新的网站中,我正在使用我以前使用过的 instafeed.js,我已经设置了提要没有问题,但我正在尝试集成一个加载更多按钮,它将加载原始图像集下方的更多图像。

即使我之前在另一个站点上做过这个并且我使用的代码与我当时所做的完全相同,但它不想让加载更多按钮工作。谁能帮我找出哪里出错并得到解决方案?

HTML:

CSS:

JS:

0 投票
2 回答
772 浏览

javascript - Instafeed 的问题和新的客户 ID 号

我一直在使用 instafeed.js 拉取 instagram 提要,我遵循了注册新应用程序的过程,因此我可以在拉取信息时对图片进行模板化。

我发现本教程可以有效地设置图像样式,因此我决定实现它:

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

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

我对 instagram API 比较陌生,但我注意到它有点滞后,我也无法向他们报告这种情况..

我是不是做错了什么,请指教!

0 投票
1 回答
873 浏览

javascript - Instafeed 插件加载更多按钮不起作用

我正在使用 instafeed js 插件并尝试使用加载更多按钮,但它不起作用。我在这里看到了同样问题的帖子,但很抱歉仍然不适合我。有什么帮助吗?谢谢你

这是我的代码

并在 html 页面中

0 投票
2 回答
4348 浏览

javascript - 使用从 Instafeed.js 中提取的照片构建 Owl Carousel

我目前正在尝试构建一个动态拉入 Instagram 照片(使用 Instafeed.js)的图像轮播(使用 Owl Carousel)。我将 Owl Carousel v2 与一些自定义脚本结合使用,将我的图像分成两个水平行,就像一个网格。我还正确设置了 Instafeed.js,以根据标签名称提取图像。

我在同步这两个插件时遇到了一些麻烦,因此我的 Owl Carousel 会从我的 Instafeed.js 提要中提取图像。

出于显示目的,我将轮播和 Instagram 提要 div 分开,以便您可以看到它们都作为单独的插件工作(请注意,要显示 Instagram 图片,您必须输入自己的客户端 ID)。

HTML:

JS:

对于那些熟悉 Instafeed.js 的人来说,添加以下内容是否有意义:

这样照片就会被注入到我的轮播中?我注意到这样做只会破坏轮播:/

什么都有帮助!

小提琴:http : //jsfiddle.net/njacoy/zcrwvsuu/embedded/result/

0 投票
1 回答
2030 浏览

javascript - 仅过滤 Instagram 视频的结果 - instafeed.js

我正在使用非常简单instafeed.js的方法将我的几个 instagram 视频拉到我的个人网页中。它正在工作,但我还没有找到仅针对视频过滤结果的选项。目前它显示图像和视频的组合。返回结果我想要的只是视频。