将Instagram图像Feed从Instagram添加到网站中

时间:2012-04-13 16:12:35

标签: jquery html css rss instagram

我正在尝试将Instagram Feed中的最新图像添加到网页中,并且想知道是否可以在div中执行此操作,就像在页面上放置任何其他元素一样。

我想将每张图片的大小调整为280 x 280,并且只想显示图片 - 没有文字或标签。

我不确定这是否是最好的方法,但我发现你可以从statigram中提取RSS提要,例如http://statigr.am/feed/username

并且意识到我需要完整显示图像并调整我在RSS图像上找到此页面的高度:http://www.w3schools.com/rss/rss_tag_image.asp

有谁知道我这样做的最好方法吗?

2 个答案:

答案 0 :(得分:7)

我没试过,但看起来它会做你想做的事:http://stuffthatspins.com/2012/03/30/display-instagram-picture-stream-really-easy-with-jquery-and-json/

你不会得到javascript来真正调整图像AFAIK的大小,但是你可以设置css来限制它们的显示方式。例如,如果所有图像都有类instagram:

img.instagram{width:280px; height:280px;}

答案 1 :(得分:0)

如果您想自己编写代码,那么获取Feed的最佳方式是使用Instagram Media API - https://instagram.com/developer/endpoints/users/#get_users_media_recent

您将获得JSON Feed,并且需要自己显示结果样式。

或者你可以节省自己的所有时间,并使用一个完整编码的插件,从Instagram中提取Feed。一个很好的例子就是尝试InstaMax插件。使用Instamax,您可以显示来自任何用户帐户或HashTag的照片和视频。 (几乎你想要的)

以下是您可以尝试的演示 - http://demos.codehandling.com/instamax_demo/instamax_live_edit.html

干杯:)