Flickr API Site

Testing for Leah's photoblog.

HTML

<ul id="gallery">
</ul>

CSS

.caption{ position:relative; top:-20px; }

JavaScript

var ul = $('#gallery');
var url = 'http://api.flickr.com/services/feeds/photos_public.gne?&format=json&jsoncallback=?';
imgs = '';

$.getJSON(url, function(data) {
    imgs = data;

    $(data.items).each(function(i, item) {
        ul.append($('<li><img src="' + item.media.m.slice(0,-5) + 'b.jpg" /><div class="caption">'+item.title+'</div></li>'))
        if (i == 40) return false
    });
    
})