Minimal Instagram Feed Plugin For jQuery - IgJs

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

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
  });
})

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

  • Publication date: 17.01.2018
  • Source