immixr.js

an easy instagram collage for your website

Check out the immixr 2.0 homepage for examples and more information.

Installation Instructions

1. Download immixr.js (clone this repo)
2. Put immixr.js in the javascript folder of your website.
3. Put immixr.css in whatever folder you keep css files for your website.
4. Include both in your html file.
5. Go to https://www.instagram.com/developer/, sign in, and register a new client. Make sure that "Disable implicit OAuth" is NOT checked.
6. Double check that you remembered to uncheck "Disable implicit OAuth".
7. Get your Instagram User Id.
8. Get an access token for your account and the new client you just created.
9. In your main.js, a new javascript file, or in your html in script tags, initialize immixr, replacing the fields with your personal information and your preferred attributes.

   $(document).ready(function() {
    		var userID = "YOUR_USER_ID";
    		var accessToken = "YOUR_ACCESS_TOKEN";
    		var biggestWidth = BIGGEST_IMAGE_WIDTH;
    		var opacity = IMAGE_OPACITY;
    		var gutterWidth = GUTTER_WIDTH;
   
    		immixr(gutterWidth, opacity, userID, accessToken, biggestWidth);
    	});

10. Add <div id="immixr"></div> to your html. immixr expands to fit its parent div. Its parent div needs to have position: relative; and a set height.
11. Send me a picture of immixr in action! (or what went wrong along the way)

More Info

Check out the immixr 2.0 homepage for examples and more information.

If you find an issue or have a suggestion, use the issues page.

If you'd like to contribute, create a pull request or tweet me.