A simple jQuery plugin to stream pictures from Instagram
CSS JavaScript
Switch branches/tags
Nothing to show
Clone or download
Permalink
Failed to load latest commit information.
css clean up Nov 20, 2012
img meu yes/no Nov 20, 2012
js Delete my own Instagram Token and ID Jan 20, 2015
.gitignore Delete my own Instagram Token and ID Jan 20, 2015
README.md readme writing Nov 20, 2012

README.md

InstaStream

View a quick demo live here : http://instastream.exibit.be/

Before to use the plugin

Before to go further be sure you have an Instagram account and an Instagram API Key.

For how you can have one, please visit the official Instagram Developer center and tutorials like this one.

Once you have your Token you can start using this jQuery plugin.

Installation

  1. Unzip the folder
  2. Add the js file to your website
  3. Add css styles to your website
  4. Add 'img' folder to your website

Configuration

To call the plugin, you need to write a little javascript/jQuery code

jQuery(document).ready(function ($) {

  $("#theplaceyouwant").instastream({
		instaToken: 'Your Instagram Token here',
		instaUser: 'Your Instagram User ID here',
		instaResults: 3,
		instaMenu: 'yes'
	});
	
});

You can choose how many pictures you want by slide. CSS cover 1,2,3 and 4 results, feel free to add new styles if you want more results by slide.

Be aware that the JSON file that the plugin read from Instagram only shows 20 pictures.

That's it, have fun !