Skip to content

Instantly share code, notes, and snippets.

@jlengstorf
Created May 21, 2012 02:45
Show Gist options
  • Save jlengstorf/2760365 to your computer and use it in GitHub Desktop.
Save jlengstorf/2760365 to your computer and use it in GitHub Desktop.
#14 Code example from "JSON: What It Is, How It Works, & How to Use It"
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'
});
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment