Please turn on JavaScript. To find out how to do this visit the WebWise JavaScript guide.

About Flickr Viewr Thingr

View Demo

This demo shows how you might break an application down into chunks, extend existing Glow widgets, and handle multiple asynchronous events and ensure they all happen in the correct order.

The asynchronous events are created by loading information from other domains and animations.

Program Structure

The files are heavily documented, to explain what's happening step by step.

application.js
The controller of the application. Also handles the intro animation for the main interface.
flickrimagepicker.js
Controls the starting form for selecting a flickr user.
flickrsets.js
Fetches information from Flickr about a particular user & the sets of photos they have.
flickrimages.js
Fetches data on a set of images from Flickr
flickrimageinfo.js
Fetches extended information about a particular Flickr image (tags etc)
imagewindow.js
Creates and animates the large image view
imageinfo.js
Creates and animates the image info box
flickrcarousel.js
Extends a Glow carousel to manage the loading of many Flickr thumbnails

API Quick Reference

JavaScript is required to use the quick reference

Related links

BBC © 2014 The BBC is not responsible for the content of external sites. Read more.

This page is best viewed in an up-to-date web browser with style sheets (CSS) enabled. While you will be able to view the content of this page in your current browser, you will not be able to get the full visual experience. Please consider upgrading your browser software or enabling style sheets (CSS) if you are able to do so.