Render html media items

Reads an array of Instagram media shortcodes

by Alex Azuero

HTML

<div id="container"></div>

CSS

* {
    margin:0;
    padding: 0;
}
img {
    margin: 2px;
    vertical-align: top;
}

JavaScript

var shortcodes = ["xhiFXqhQe8", "xag9OfOHOT", "xkBygQK20u", "xcNT9yk3BH"];
document.addEventListener("DOMContentLoaded", function(){
    for (var i = 0; i < shortcodes.length; i++) {
        var item = '<a href="http://instagram.com/p/' + shortcodes[i] + '/media/?size=m" ><img src="http://instagram.com/p/' + shortcodes[i] + '/media/?size=t" alt="thumbnail" /></a>';
        document.getElementById("container").innerHTML += item;
    }
});