12 Aug

FlickrFlow

Sunday August 12th 2007, 11:00 pm
Tags: , , , ,

Update: http://1stein.org/2007/10/09/guckncom-how-your-photos-on-the-web-are-supposed-to-look/

FlickrFlow, a Flash slideshow for Flickr pictures, like you know them from your iTunes. See yourself:

flickrflow.jpg

Basically it uses the beta of Flex 3 and the DisplayShelf component, and some glue to get Flickr pictures into it. The source code is here: http://flickr.1stein.org/flickrflow/srcview.

Update: I moved the flickr request URL and the cache script URL into the HTML page. So you can easily create your own queries via e.g. the Flickr API explorer, and then let FlickrFlow display them:

FlickrFlow.html:

var apikey = "GET YOUR OWN KEY PLEASE";
var flickrRequest = "http://api.flickr.com/services/rest/?method=flickr...
var metaPrefix = "http://api.flickr.com/services/rest/?method=flickr.p...
var previewPrefix = "http://flickr.1stein.org/flickrflow/cache.php?url=";

Note for people who want to load Flickr’s images and fail because of the crossdomain.xml problem: JPEGs can be loaded without this. But, you may not access the image bits afterwards. So creating reflections like in FlickrFlow above is out of question. For that you need either a crossdomain.xml on the server (Flickr does not have it) or you need a proxy php script. I do the latter, i.e. the reflection you see are not created from the full detail jpegs that are loaded from Flickr, but it’s done with the preview (30% jpeg quality) loaded from my server. Look in the FlowImage.mxml source to see how to load the detailed Flickr jpeg.

Follow-Up: FlickrFlow’s brother

16 Comments