Pictobrowser - A Really Cool Piece Of Software!

The previous post about a Flickr photo slide show is based on Pictobrowser, the creation of Carlos J. Gómez de Llarena (Creative direction, interaction design) & Diego Bauducco (Concept, graphic & interaction design, development).

What they have created is not only a great tool to display pictures but also a brand new distribution model. Each web site using Pictobrowser is a source of HTML code for new users to embed Pictobrowser in their web sites & blogs. Do read about it on the Pictobrowser web site.

Okay. Now let us see how we can use this thing.

Setup Instructions:

1. The first thing is a Flickr account. Get one if you don't already have one. You can use your Yahoo account.
2. Upload your photos to Flickr.
3. Mark your photos as "Public"
4. Create some Sets, and / or Groups. The Sets / groups must be public for Pictobrowser to be able to retrieve them.
5. Click the Info link at the bottom of a Pictobrowser like the one below. (See Screen shot below)
6. This will display the "Get Your Pictobrowser" page. Enter you Flickr User ID on this screen and click the Submit button. (See Screen Shot below)
7. Pictobrowser will use the User ID to access Flickr. It will display a blank screen with Sets, tags & groups as clickable buttons on the top. (See Screen Shot below)
8. Click the Sets button (or Tags or groups). Whatever. Pictobrowser will access Flickr and pull a list of you public Sets (or Tags or groups. Whatever. (See Screen Shot below)
9. Click the Set you want to use. Pictobrowser will display a new screen with the required HTML code. Copy & paste it into your blog post screen in HTML Code view. (See Screen Shot below). You can also use this screen to see a preview of your new Pictobrowser.

Screen Shots:

Click Info (circled in Red above) link at bottom of Pictobrowser. Go back to Setup Instructions.

Enter your Flickr User ID. Go back to Setup Instructions.

Pictobrowser accesses Flickr. Select Sets. Go back to Setup Instructions.

Pictobrowser pulls list of public sets from your Flickr account. Select the one you want to use. Go back to Setup Instructions.

Go grab the HTML code! Go back to Setup Instructions.

Pictobrowser In Action