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

These icons link to social bookmarking sites where readers can share and discover new web pages.
  • bodytext
  • del.icio.us
  • Reddit
17 Comments

17 Comments »

 

RSS feed for comments on this post. TrackBack Website

Leave a comment

(required)

(required)

Line and paragraph breaks automatic, e-mail address never displayed, HTML allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

For spam filtering purposes, please copy the number 8503 to the field below: