2012-04-13 52 views
3

我试图将Instagram Feed中的最新图像添加到网页中,并且想知道是否可以在div内做到这一点,因为您会放置任何其他图像元素在页面上。将instagram中的RSS图像Feed添加到网站

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

我不知道这是否是做到这一点的最好办法,但我发现,你可以从statigram拉RSS提要例如http://statigr.am/feed/username

,实现我需要在充分展示形象,并调整身高我在RSS图像中发现此页:http://www.w3schools.com/rss/rss_tag_image.asp

有没有人知道我做这件事的最佳方式?

回答

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;} 
+0

感谢您的帮助:) – thinkvisual 2012-04-13 17:08:13

+2

没问题!如果它适合你考虑接受这个答案,这样每个人都知道它的工作原理,并且可能对其他人更有帮助。 – joshcartme 2012-04-13 17:40:26

0

如果你想自己的代码,然后拿到饲料将使用Instagram的媒体API的最佳方式 - https://instagram.com/developer/endpoints/users/#get_users_media_recent

你会得到一个JSON提要,并且需要自己显示样式结果。

或者你可以节省你所有的时间,并使用一个完全编码的插件,将从Instagram拉动饲料。一个很好的例子是尝试InstaMax插件。使用Instamax,您可以显示来自任何用户帐户或HashTag的照片和视频。 (几乎你想要什么)

这里是演示,你可以尝试 - http://demos.codehandling.com/instamax_demo/instamax_live_edit.html

干杯:)