Create your own instagram gallery on your website
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
LICENSE Initial commit Sep 4, 2014
README.md New instagram api 2016 Jun 4, 2016
index.html Update index.html Jul 12, 2017
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