I originally wrote a jQuery plugin to draw files from an Imagistable JSON feed — that’s how the random thumbnails on the left-hand side of this page are added.
That plugin isn’t very usable for anybody other than myself, because well, nobody else can yet upload to Imagistable, so I’ve adapted the plugin to work on flickr, taking full advantage of their URL-based JSON API.
Usage is pretty simple:
1. Import the latest jQuery library and the jquery.flickr.js plugin
2. Set up some options. Only the flickr ID is required.
3. Apply the library to populate a designated div, like this: $(’#gallery’).flickr(options);
The usage is best described with a demo. Click here to view a demo page using the bare minimum of markup. A more comprehensive example, complete with styling and customised options can be viewed here.
The plugin can be downloaded here. A full description of the available options can be found in the source file.