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
- Unzip the folder
- Add the js file to your website
- Add css styles to your website
- 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 !