About Flickr Viewr Thingr
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
