#14 Code example from "JSON: What It Is, How It Works, & How to Use It"

gistfile1.js

function loadFlickr(flickrid)
{
    // Display a loading icon in our display element
    $('#feed').html('<span><img src="/blog/images/lightbox-ico-loading.gif" alt=""></span>');
 
    // Request the JSON and process it
    $.ajax({
        type:'GET',
        url:"http://api.flickr.com/services/feeds/photos_public.gne",
        data:"id="+flickrid+"&lang=en-us&format=json&jsoncallback=?",
        success:function(feed) {
            // Create an empty array to store images
            var thumbs = [];
 
            // Loop through the items
            for(var i=0, l=feed.items.length; i < l && i < 16;   i) 
            {
                // Manipulate the image to get thumb and medium sizes
                var img = feed.items[i].media.m.replace(
                    /^(.*?)_m.jpg$/, 
                    '<a href="/blog/$1.jpg"><img src="/blog/$1_s.jpg" alt=""></a>'
                );
 
                // Add the new element to the array
                thumbs.push(img);
            }
 
            // Display the thumbnails on the page
            $('#feed').html(thumbs.join(''));
 
            // A function to add a lightbox effect
            addLB();
        },
        dataType:'jsonp'
    });
}