Spectragram - Fetch and Display Instagram Feeds

Spectragram - Fetch and Display Instagram Feeds
File Size: 9.89 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Spectragram is An easy jQuery plugin for Instagram API to get the most recent media published by a user, the most popular media at the moment, or recently tagged media.

How to use it:

1. Include jquery script and spectragram.js

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="js/spectragram.js"></script>

2.Set your Instagram accessToken, clientID and the query

jQuery.fn.spectragram.accessData = {
    accessToken: '[your-instagram-access-token]',
    clientID: '[your-instagram-application-clientID]'
};

3. Call spectagram function on the container element and pass it your query:

$('ul').spectragram('getRecentTagged',{
    query: 'converse'
});

4. Options.

// $fn.spectragram( Method, [Options] )
// Method: getUserFeed, getPopular or getRecentTagged functions
// Full plugin options:

// The maximum number of results to show.
max: 10,

// The string to search. 
query: 'coffee',

// The size of the photos. 'small', 'medium' or 'big'. 
size: 'medium',

// The HTML tag to wrap every result. 
wrapEachWith: '<li></li>',

// A callback function to execute after the display of the photos.
complete : null     

Change logs:

2018-04-16

  • v1.1.0: Remove deprecated endpoints and functions

2016-02-29

  • v1.0.3: Improve image html and fix empty wrap issue

2016-02-22

  • v1.0.1: improve message handling.

2015-09-02

  • Bug fix for title truncation when it contains single quotes. 

2015-03-12

  • Bug fix for title truncation when it contains single quotes. 

2013-11-13

  • use access_token instead of client_id for getUserFeed.
  • Fixes a issue of Uncaught TypeError: Cannot read property 'length' of undefined

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