jQuery Plugin For Automatic Instagram Carousel - DidiZoo
File Size: | 11.3 KB |
---|---|
Views Total: | 4099 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
DidiZoo is a very small jQuery plugin that uses Instagram API to fetch and display recent photos (by users or hashtags) in an automatic carousel slider.
Important Note:
This plugin is broken since Instagram has changed its API. You can now use the Feed Instagram Graph API plugin instead.
How to use it:
1. Include jQuery and the jQuery DidiZoo plugin's CSS and JavaScript on your webpage.
<link rel="stylesheet" href="css/didizoo.css"> <script src="http://code.jquery.com/jquery.min.js"></script> <script src="js/didizoo.js"></script>
2. Build the Html structure for the Instagram carousel.
<div id="voltar"></i></div> <div id="instagram-container"> <ul id="instagram"></ul> </div>
3. Modify the access token, user ID, hashtag and photo resolution in the didizoo.js
// use your own access token var access_token = "1095384712.857bd19.902a883addc54f3c894ddbda19e638d2"; // resolution: low_resolution, thumbnail, standard_resolution var resolution = "thumbnail"; // use your own access userid var user_id = "787132"; // #hashtag var hashtag = "animal";
Change log:
2015-09-26
- JS update.
This awesome jQuery plugin is developed by knoonrx. For more Advanced Usages, please check the demo page or visit the official website.