jQuery Plugin For Automatic Instagram Carousel - DidiZoo

jQuery Plugin For Automatic Instagram Carousel - DidiZoo
File Size: 11.3 KB
Views Total: 3929
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


This awesome jQuery plugin is developed by knoonrx. For more Advanced Usages, please check the demo page or visit the official website.