Saturday, April 17, 2010

Photo Feed (RSS/Atom) Display Widget

Flickr / Picasa / ZenPhoto / Plogger / Gallery2/3 Photo Feed (RSS/Atom) Widget

Check it Out!

Update

The HTML version seems to get way more interest than the PHP version, so I'm focusing development on that (the Widget). I just added a means to specify border color and size, in addition to the spacing which was added a while ago. I've also added a 'Widget Builder' to the site, so you can customize and embed with even less html knowledge than before. Hope you love it!

I want to display my most recent Flickr photos on another page of mine. Easy enough, right? There are plenty of widgets and code snippets displaying Flickr Photos in all sorts of creative ways.

Well, what if I want them formatted/styled a certain way?

Not as easy.

What if I want to display a Picasa Web Album Feed as well? And perhaps a ZenPhoto RSS Feed. Am I the only lame PHP coder who uses all of these Photo storage / display / socialization mediums?

I decided to create a widget. While the implementation is limited in how it can format your images (for html coders; PHP coders should have more advanced options soon), it does work with a large number of RSS Feeds -- provided the feed has items with images.

Demo




This is a simple widget call referencing my Flickr PhotoStream RSS Feed. The widget creates thumbnails of each of the most recent items and displays them in a row, linking back to each item's source page.

Options

While the straight HTML call is pretty limited, there are some options which can be requested such as the ability to specify thumbnail size, disable square thumbs (prevent standard cropping), and specify the number of photos to be displayed. (Updates have been made which allow spacing, border size and color, and limited link options to be specified)

PHP users will soon be able to request an array of information so the photos can be formatted in any way they see fit. [Visit the project page and post a comment if this would be useful -- so I know there is an interest] Alternately, they can download the source code and host it on their own server -- changing it as they see fit.

Limitations

The HTML Widget call can only return a row of images which link to their source. There is currently no fancy customization (aside the options mentioned) for this type of call. Likewise, currently iframes are the suggested way to implement/embed the widget.

Compatibility

The widget has been tested on Flickr, Picasa Web Album, ZenPhoto, Gallery2, Gallery3, Plogger, and various other (RSS/Atom) Feeds (the list keeps growing). It employs the use of SimplePie for the basic Feed parsing, then does some further work to create thumbnails of the pictures and link back to them.