Free Download Spectragram – Fetch and Display Instagram Feeds

This time I will share jQuery Plugin and tutorial about Spectragram – Fetch and Display Instagram Feeds, hope it will help you in programming stack.

Spectragram is an easy jQuery plugin for Instagram API to get the most recent media published by a user.

How to use it:

1. Include jquery script and spectragram.js

`1`	`<script src="jquery.min.js"></script>`

`2`	`<script src="js/spectragram.js"></script>`

1
jQuery.fn.spectragram.accessData = {

2
  accessToken: '[your-instagram-access-token]'

3
};

3. Call the spectagram function on the container element in which you want to display the Instagram feeds.

1
$('ul').spectragram('getRecentTagged',{

2
  // options here

3
});

4. Specify the max number of Instagram photos to display. Default: 25.

1
$('ul').spectragram('getRecentTagged',{

2
  max: 10

3
});

5. Specify the size of Instagram photos: ‘small’, ‘medium’ or ‘large’ (default).

1
$('ul').spectragram('getRecentTagged',{

2
  size: 'small'

3
});

6. Determine the HTML element to hold Instagram photos. Default: ‘<li></li>’.

1
$('ul').spectragram('getRecentTagged',{

2
  wrapEachWith: '<span></span>'

3
});

7. Execute a callback function after all photos are fetched & displayed.

1
$('ul').spectragram('getRecentTagged',{

2
  complete: function(){

3
    // do something

4
  }

5
});

2019-02-04

2019-02-04

2018-04-16

2016-02-29

2016-02-22

2015-09-02

2015-03-12

2013-11-13

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