Fetch photos from flickr

Fetch photos from flickr

by janetyc

HTML

<!DOCTYPE html>
<html>
<head></head>
<body>
    <div id="images"></div>
</body>
</html>

CSS

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

JavaScript

$.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;
    });
});