JSFiddle - React, Tailwind, and code Playground

http://stackoverflow.com/a/24559815/1287812

by brasofilo

HTML

<div class="images"></div>

CSS

img {
    max-width: 100px;
    margin: 2px;
}

JavaScript

// faulty url
// var URL = "http://instagram.com/hestonology/media";

// whateverorigin.org app service
var URL = "http://whateverorigin.org/get?url=" + encodeURIComponent("http://instagram.com/runbimma/media");
jQuery(function ($) {
    $.ajax({
        url: URL,
        dataType: "jsonp", // this is important
        cache: false,
        success: function (response) {
            var data = response.contents;
            for (var i = 0; i < data.items.length; i++) {
                var image = '<img src="'+data.items[i].images.low_resolution.url+'" alt="" />';
                $(image).appendTo(".images");
            }
        },
        error: function () {
            var error = "<p>error processing ajax request</p>";
            $(error).appendTo(".images");
        }
    });
});