JSFiddle - React, Tailwind, and code Playground

by Ehsan Ziya

HTML

<div id='head'></div>

CSS

html {
    width:100%;
    height:100%;
}

body{
    width:100%;
    height:100%;
}

#head{
    width:100%;
    height:100%;   
}

.image{
    border:black solid 1px;
    position:absolute;
    width:100%;
    height:100%;
}

JavaScript

function test(data) {
    console.log(data);
    console.log(data.response);
    for (var i = 0; i < data.response.length; i++) {
        console.log(data.response[i].photos[0]);
        var link = data.response[i].photos[0].alt_sizes[1].url;
        $('#head').append("<img src='" + link + "' class='image'/>");
    }
}

$.ajax({
    url: 'http://api.tumblr.com/v2/tagged?tag=gif&api_key=cIBh1bpFkHI2pyWmGDV3YPOlErsRgNCtsJ715Pl09uMKEY2kOK&limit=10',
    success: test,
    dataType: 'jsonp'
});