Flickr Integration

On my most recent project, we launched the website with a media page that had thumbnail images that launched larger images in a Lightbox format (btw I freakin’ love Lightbox).  This looked pretty good, but the problem was the ongoing ability for Matt (the client & my bro-in-law) to upload photo’s on his own.  I could have built a CMS that would have allowed him to upload pictures to the image directory, but what wasn’t possible in the initial configuration was the ability for him to upload the thumbnails and modify those pic placeholders on the media page directly.

So, once we launched the site, it quickly became apparent that we needed to find a better solution for displaying images and we quickly landed on a Flickr integration.  Now, if you Google ‘Flickr Integration’ you will find countless ways to do this.  Most however require the ability to modify PHP (or other server side scripting) and that simply is a skill-set that I am not comfortable with yet (it’s on my list).  So my requirement was a Flickr integration that was front-end based and required no more than the modification of HTML, CSS, JavaScript, or ActionScript (Flash).

So, here is a run-down of a few that I liked and was able to quickly implement in a test environment for Matt…

4. Roy Tanck’s Widget.  What I like about this is the nice mouse control & the uniqueness of it.  Hover to the right and the widget spins right… hover to the left and it spins left.  The speed of the spin responds to your mouse as well.  I also like how you can set background color or transparency, and also change the size of the widget.  What I don’t like about it is it seems to be fairly limiting in the number of pictures you can display and in order for some to see a full size (or decent size) view of the picture, you must click the picture which rediects the user to Flickr.  What the client didn’t like about it… well, he best described this one as “The Whirling Dervish”.  Fair enough… so we moved on to #3.

3. Flickrshow.  I am cheating a little by putting this one in the list.  I didn’t actually put together a working example of this one for Matt, but it looks very promising, all though, not yet released.  I like the feature set, the simplicity of the controls, the ability to display an entire photostream or a set.  Since it’s not yet released I will be following this one closely and I am following the developers tweets to try and stay up to date on this one.

2. Flickr Slideshow Generator.  What I liked… the ability to display an entire photostream or a set, no whirling dervish, the ability to resize the gadget, I love how you get detailed info on the pic when you click it once and then click it twice to redirect to Flickr.  What I dislike… the controls are a bit wonky with the top and bottom hover states, the gadget had an odd transparency on it when I put it on Matt’s site even though I had no transparency set.

1. The winner (for now) – Pictobrowser. What I liked… mostly everything.  Controls and layout are very nice.  Ability to change size, color background, & a number of other parameters that can be adjusted.  What I don’t like… you can’t show an entire Photostream.  You must use a set or a group tag, which is a feature most of the others offer.  I did reach out to the developer in the hopes that feature might be added in a future release… we’ll see.

I came out of this exercise with two distinct affirmations.  1. I need to work on my PHP skills.  2. I should spend a little time and build my own Flash based Flickr integration with the controls, features and presentation I want.

Check out the final product on Matt’s media page http://www.mattcordier.com/media (note, a YouTube piece is coming soon to this page).

Matt Cordier Media Page

Gregg – http://richterwebdesign.com