Create a photo slide show with Flex and Picasa

Jan
22

Create a photo slide show with Flex and Picasa

13 comments Posted by: Laura

We wrote an article for the Web Developer’s and Designer’s Journal that has been published in the November issue titled "Create a Photo Slide Show with Flex 2 and Picasa". It guides you on how to create a simple photo slide show in Flex 2. For this article, we decided not to use ColdFusion to appeal to a broader audience, so it just consumes the XML data produced by Picasa directly.

As usual, the source is available for download and we have a sample you can see live.

View example
Download the source

An update that includes transitions has been posted

Category: Flex |

13 Comments so far

Write yours

1. Rich Tretola wrote on January 23, 2007 at 2:23 AM

Very nice work.

Rich

2. Steve Walker wrote on January 23, 2007 at 3:51 AM

I know for this article you chose not to use Coldfusion, any chance of showing this using remoting with a CFC and a database backend?

3. John Barrett wrote on January 23, 2007 at 4:26 AM

Hi Laura,
Very beautiful app!

4. Laura wrote on January 23, 2007 at 9:13 PM

Thank you guys.

Steve,
There is always a chance :) any time soon? maybe, it depends on how my schedule goes. But it shouldn't be too difficult to hook it to a database though.

5. Ken Greenwood wrote on February 13, 2007 at 6:33 AM

Hey Laura... nice work... I'm looking for the same thing Steve is... :)

Working example of Flex/CFC/Database

6. Lachie wrote on February 13, 2007 at 12:17 PM

This looks great.

What would be even better is hooking into the picasa web API. Picasa is amazingly simple for uploading images to their site. This has been done in ria forge here http://cfpicasa.riaforge.org/

It would be great to link this app with the web component of picasa.

Just a thought.

Thanks for all your work in the CF world.

Lachie

7. Xzoth wrote on March 06, 2007 at 11:45 PM

wooooooo~~~
I like this.

8. cris wrote on April 02, 2007 at 9:49 AM

how to creat the slide show?

9. Jim Gram wrote on July 30, 2007 at 9:29 AM

I added a timer to automate the show, but am having difficulty adding fade effects. Since we are basically just changing the image source when using the goNext() function, how can we add effects? Ideally I'd like the current image to fade out as the next one fades in. Any input would be very helpful. Thanks.

Jim

10. brice wrote on November 12, 2007 at 3:56 AM

how can you added the fade and rezise effect in transitions ?

Can you help me please ?

Thanks

Brice

11. Brian wrote on November 16, 2007 at 2:24 PM

I hate to ask, but is it possible for you to post the actual code behind this? The current source doesn't match the example. I'm really curious on how you determined the next image size, before even loading the image.

Thanks

Brian

12. Laura wrote on November 20, 2007 at 11:50 AM

Jim, Brice and Brian,

See this post for the explanation and source of the photoshow example with transitions: http://www.asfusion.com/blog/entry/transitions-added-to-photoshow-example

Brian,
The Picasa exported xml file includes the sizes of the pictures. I wouldn't be able to know them before the images are loaded otherwise.

13. Jason wrote on April 06, 2008 at 7:58 PM

How would you go about adding a timer to this app? I tried using the timer class and firing off the goNext function but did not get it to work. What steps would I take to add that functionality?

Thanks,
Jason

Leave your comment

Comment etiquette: As a gesture to those subscribed to this post, please keep your comments relevant to the post.

Preview:

Refresh Preview

1. You wrote on

AsFusion