Geek asks and answers

Adding instagram RSS feeds to website

I am trying to add the last image from an Instagram feed to a web page and wonder if it can be done in a div, since you would place any other element on the page.

I would like to resize each image to 280 x 280 and would like to display only the image - no text or hashtags.

I'm not sure if this is the best way to do this, but I found that you can pull the RSS feed from statigram like http://statigr.am/feed/username

And realizing that I would need to display the image in full and adjust the height, I found this page on the RSS image: http://www.w3schools.com/rss/rss_tag_image.asp

Does anyone know a better way for me to do this?

+3
source share
2 answers

I haven't tried it, but it looks like it will do what you want: http://stuffthatspins.com/2012/03/30/display-instagram-picture-stream-really-easy-with-jquery-and-json /

You won't get javascript to really resize AFAIK images, but you can customize css to limit the way you display. For example, if all images had a class pointer:

img.instagram{width:280px; height:280px;}
+7
source

If you want to encode it yourself, the best way to get the feed is to use the Instagram Media API - https://instagram.com/developer/endpoints/users/#get_users_media_recent

You will get a JSON channel, and you will need to display the style results yourself.

, Instagram. InstaMax. Instamax HashTag. ( , )

, - http://demos.codehandling.com/instamax_demo/instamax_live_edit.html

:)

0

More articles:


All Articles