Minimal Instagram Feed Plugin For jQuery - IgJs

Minimal Instagram Feed Plugin For jQuery - IgJs
File Size: 4.22 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

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).

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.