Create your own instagram gallery on your website
JavaScript HTML CSS
Latest commit a8dda4a Jun 4, 2016 @bachors New instagram api 2016
Permalink
Failed to load latest commit information.
LICENSE Initial commit Sep 4, 2014
README.md New instagram api 2016 Jun 4, 2016
index.html Demo Apr 19, 2016
my-instagram-gallery.css custom style Apr 19, 2016
my-instagram-gallery.js v03 Apr 19, 2016

README.md

jQuery-my-instagram-gallery

Create your own instagram gallery on your website

Usage:

CSS

<!-- My instagram gallery -->
<link type="text/css" rel="stylesheet" href="my-instagram-gallery.css" />
<!-- Fancybox -->
<link type="text/css" rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css"/>

JS

<!-- jQuery -->
<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
<!-- My instagram gallery -->
<script src="my-instagram-gallery.js"></script>
<!-- Fancybox -->
<script src="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js"></script>

Example Setting:

HTML

<div class="demo"></div>

jQuery

My Instagram Gallery:

$(document).ready(function(){
    $(".demo").myig(
        ins_id = 503807090, // your user_id
        ins_count = 10, // Count of media to return
        ins_token = '141970.467ede5.edbc9c37472d41b790e1db8948793f11' // your token
    );
});

Fancybox:

$(document).ready(function(){    
    $(".myig_popup").fancybox({
        openEffect : 'fade',
        closeEffect : 'fade'
    });
});

New instagram API 2016

Now access token is limited to 500 requests per hour.
You can get your acces token here: http://instagramwordpress.rafsegat.com/docs/get-access-token/ this works for me.

Find your instagram user_id ?

DEMO