JSFiddle - React, Tailwind, and code Playground

by danwellman

HTML

<div id="images"></div>

CSS

img{ height: 100px; float: left; }

JavaScript

var pics;

$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?",
  {
    tags: "cat",
    tagmode: "any",
    format: "json"
  },
  function(data) {
    
    $.each(data.items, function(i,item){
      
      $("<img/>").attr("src", item.media.m).appendTo("#images");
      if ( i == 3 ) return false;
    });
    pics = data.items
  });

setTimeout(function() { alert(pics.length) }, 2000);