Minimal Instagram Feed Plugin For jQuery - IgJs

IgJs is a jQuery Instagram Feed plugin to display the latest posts from any user by scraping the html from user page via cors proxy and parses it into meaningful JSON (currently hardcoded to append Bootstrap formatted images).

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 the necessary jQuery library and Bootstrap framework on your page.

<link rel="stylesheet" href="/path/to/bootstrap.min.css">
<script src="/path/to/jquery.min.js"></script>
<script src="/path/to/bootstrap.min.js"></script>

2. Include the jquery.igjs.js after jQuery.

<script src="jquery.igjs.js"></script>

3. Create a container for the Instagram Feed(Photos).

<div class="ig-feed">
</div>

4. Initialize the plugin on the container and specify the username as this:

$(function(){
  $('.ig-feed').igjs({
    user: 'taylorswift'
  });
})

5. Specify the number of posts to display.

$(function(){
  $('.ig-feed').igjs({
    user: 'taylorswift',
    posts: 8, // default: 12
  });
})

6. Specify how many posts to show per row.

$(function(){
  $('.ig-feed').igjs({
    user: 'taylorswift',
    perRow: 2, // default: 4
  });
})

Change log:

2018-03-22

• Add support for vanilla js

2018-03-21

• Added a vanilla JS version: igjs.js

2018-03-17

• Updated to match instagram changes

---

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