Flickr JSONP

by Colin White

HTML

<div id="one"></div>

JavaScript

var images = []; // Store imgs in here

$.getJSON("https://api.flickr.com/services/rest/?method=flickr.photos.search&jsoncallback=?",
    { 
        api_key : "da2015d88b5eab3b3d7d989c13c4d430",
        content_type : 1,
        text : "beach, coast, surf, black, white",
        format : "json",
        per_page : 5
    },

    function jsonFlickrApi (results) { // my JSONP callback func 
            
        results.photos.photo.forEach(function(photo) {

        var furl = "https://farm" + photo.farm +
                   ".staticflickr.com/" +
                    photo.server + "/" +
                    photo.id + "_" +
                    photo.secret + "_m" + ".jpg";

        images.push({"src" : furl});
        
        });

        for (var i=0; i<images.length; i++){
            $("<img />").attr("src", images[i].src).appendTo("#one");
            }
          
   } // End jsonFlickrApi
) // End getJSON

console.log(images);