Flickr Cinematic Zoom Slideshow
Update : Looks like this type of cinematic effect has a name: Ken Burns Effect .. the difference is that this app zooms and pans not according to any logic, like showing faces on detail.
As a Xmas present and following one of my latest post about using Openlaszlo’s Flickr lib I’ve decide to offer the generic flash and it’s source of Masterfoot and Comics Sketch flash component to slideshow photos from Flickr with a zoom cinematic effect.
Here is an example:
I called it Zoomer. What it does is you set the user Flickr NSID, the desired tags and some other setting for timings and quantities and it starts showing those photos and zooming them in a very “classy” and cool style as you can see from above.
It’s really easy to use and using the combination of tags you can dynamically present a set of photos on a determined page.At Masterfoot (ok.. I know it’s in Portuguese.. but bare with me) we will use it so that only photos on the tournament you are in or the team you are viewing is shown. To do so with this widget you only need to pass some simple args for you flash and tag it all on Flickr. Nice!How it works and paraments ? ok.. there there..On the Flash file itself :
- flickr_tags : a string with tags separated by commas.. like ‘2007,march,music,live’ (default: zoomer)
- flickr_max_photos : is the number of maximum photos it will download. You can set it for a really large number and it will only download the one found of course (default: 5)
- flickr_transition : number of milliseconds changing a photo.. that is.. the time it take on the smooth transition (default: 1800 …or 1,8 secs)
- flickr_interval : number of milliseconds between photos. The time a photo is shown (default: 7000 … 7 secs)
- flickr_nsid : yeah.. the Flickr NSID (default: some not-so-important guy)
- flickr_apikey : your Flickr API Key (default:SET IT!) please, don’t steal mine.. get your own.. it’s free
as this source and widget
If you are going to use the source it’s almost the same. Here is the lib class and it’s attributes.
<class name="slideFlickr" extends="view" clip="true" >
<attribute name="apikey" value="SET IT!" type="string"/>
<attribute name="tags" value="zoomer" type="string"/>
<attribute name="userNSID" value="74022912@N00" type="string"/>
<attribute name="photoSize" value="b" type="string"/>
<attribute name="interval" value="5000" type="number"/>
<attribute name="maxPhotos" type="number"/>
<attribute name="transition" value="2000" type="number"/>
You should understand it with no sweat. Just remember to get your Flickr API Key. The ‘photoSize’ is the size you will import the photos according to Flickr size denominations. For this zoom effect I always recomend b size .. for BIG!
As for the behavior, this component is somehow optimized as each photo will only be downloaded once and only when it’s needed (I’ve defined that to when the previous photo starts to get shown). It also zooms in a random fashion, if you what to dig in and create some kind of algorithm so it is smarter .. go ahead.. but give me feedback later.. I’d love to see cool stuff.
Both places I’ve used it makes the site look really good, so if you know someone who can profit from it, send him message.
Oh.. Here’s the Package with the Flash file and the Source. It’s free and you can change it and use it as you want.
About this entry
You’re currently reading “Flickr Cinematic Zoom Slideshow,” an entry on In an Airplane Under the Sea
- Published:
- 12.19.07 / 7pm
- Category:
- RIA
Was it any good?
9 Comments
Jump to comment form | comments rss [?] | trackback uri [?]