Newest Articles

MegaCombs
Flash Media Player
XML Driven Pie Chart
Base Defender
Hangman Game
8 Ball Pool

Photo Reel

Description: Display your photos with a sliding reel
Author: John Bezanis
Added: June 18th 2008
Version: Flash 8

This applet grabs images using an xml file and displays them in a photo reel form, with a slider that reacts to the mouse's y position. Each image is shown as a thumbnail on the reel, and a seperate image can be used as the thumbnail. A caption for each image is shown as well.
Example html code for the applet:


<object data="47-photoreel.swf?xmlfile=photoreel.xml" type="application/x-shockwave-flash" width="550" height="320">

<param name="movie" value="47-photoreel.swf?xmlfile=photoreel.xml"/>

</object>

You can add the code <param name="wmode" value="transparent"/> just before </object> to make the background color transparent.
Example format for the xml file:


<?xml version="1.0"?>

<images>

<image><thumb>http://www.somesite.com/image1thumb.gif</thumb><caption>Caption for Pic 1</caption><pic>http://www.somesite.com/image1.jpg</pic></image>

<image><thumb>http://www.somesite.com/image2thumb.png</thumb><caption>Caption for Pic 2</caption><pic>http://www.somesite.com/image2.gif</pic></image>

<image><thumb>http://www.somesite.com/image3thumb.jpg</thumb><caption>Caption for Pic 3</caption><pic>http://www.somesite.com/image3.png</pic></image>

</images>

The source code, built swf, and demo xml file are available below:

Download the Source File
Download the Built swf File
Download the Example xml File

Comments

Just looking for Flash navigations tutorials..

July 13th 2008 03:07AM - karee

It's amazing!!!
I was looking for that for long time!!! Thank you!!!!!!!!

July 26th 2008 06:07PM - Natalia

download option not good images and xml not comming

July 28th 2008 02:07PM - ramana

This isn't working for me. :(

August 21st 2008 08:08AM - Eve

thank for your flash download

August 23rd 2008 09:08PM - zalmin

thank you very much for your flash download and tutorial.
can you show how to mask the imageslider so it ONLY slide when the mouse is over the slider itself ???

October 26th 2008 11:10AM - cuti

Is there any way to adjust the space with each thumbnails?

The work is great and thanks!

November 25th 2008 12:11PM - wanyu

i'm really happy with the photo reel concept... but the thumbnails won't show up -- only white boxes show up (like place holders) & when you click on them, the actual picture does show up in the main area. i followed the code instructions, but am i missing something? help!!!!!

December 6th 2008 09:12PM - CH

Nice!!
I have couple of questions:
1.If I have 1000 thumbnails how it will affect load time of movie?
Does visitor have to wait till all thumbnails are loaded or he/she can see at least first 10 thumbnails and start using it while others are loaded?
I already tried similar slideshow in Javascript and if I have 1000 thumbnails, it is not possible to use slideshow till all thumbnails are loaded.
2.How can I switch from vertical to horizontal slider( placed below full image?
3.Is is possible to have clickable areas( map image) on full image and to open URL or pop-up windows?
Thanx
Sam

March 26th 2009 03:03PM - Sam

adasdasd

April 16th 2009 08:04AM - яв&am

"i'm really happy with the photo reel concept... but the thumbnails won't show up -- only white boxes show up (like place holders) & when you click on them, the actual picture does show up in the main area. i followed the code instructions, but am i missing something? help!!!!!"

I have the same problem. Can you explain us what to do? Maybe thumbnails are to big or sth?

April 18th 2009 06:04PM - problemdude

Sorry for doublepost. I still have this problem but when i run swf in fullscreen problem disappears. What's going on?

April 19th 2009 05:04AM - problemdude

Nice work!I will try on my new site with some small adjustments. Hope I can get some advices along the way.
Thank You.

May 27th 2009 11:05PM - coolgadgets

Hi, I need help regarding how to change the image from horizontal to vertical, can anyone provide any help?

June 29th 2009 03:06AM - qx

For changing to vertical try Photo slide: http://www.bezzmedia.com/swfspot/samples/flash8/Album_Slide

Different look but should be what you want
-Larry B

July 6th 2009 04:07PM - Larry B

CAN U PLEASE TEACH ME HOW TO BUILD THIS PHOTO SLIDESHOW BY USE YOUR CODE?

July 24th 2009 04:07AM - SULIEYA

That's real useful! Thanks! No to integrate with what I had i mind!

October 29th 2009 04:10AM - Go Go Hamsters

keep it

November 6th 2009 10:11AM - vigrx

The slide show is wonderful. Very good for photo galleries.

November 24th 2009 06:11AM - Web Design

Thank for your flash download

December 6th 2009 01:12AM - seo

That's real useful! Thanks! No to integrate with what I had i mind!
Thanks for sharing,it's really good and need some update.

December 8th 2009 10:12PM - Acompanhantes

I have bookmarked your site. Thanks for sharing

December 13th 2009 08:12AM - dental

Thanks for the great stuff. I had wanted it for quite some time now. Got loads of pics that can use it.

December 19th 2009 10:12AM - Membership Directory Soft

Thanks for useful information.Great article.

December 26th 2009 06:12AM - Cheap Car Insurance

Im finding this one hard to get working. Still cheers for the share.

December 29th 2009 11:12PM - tetris online

mbt sneakers m walk
mbt sneakers chapa
mbt sneakers lami
mbt masai shoes
mbt barabara mens shoes
mbt chapa sneakers
mens mbt m walk sky
mens mbt m walk silver
mens mbt m walk pink
mens mbt m walk black
mens mbt m walk white
mens mbt chapa water
mens mbt chapa ebony
mens mbt chapa black
mens mbt chapa gtx stone
mens mbt chapa gtx black
mens mbt chapa caviar black
mens mbt sport black
mens mbt safiri chill
mens mbt safiri navy

December 31st 2009 01:12AM - mbt shoes

I have the same problem. Can you explain us what to do? Maybe thumbnails are to big or sth?

January 1st 2010 09:01PM - Cialis

i like

January 4th 2010 02:01AM - Bride dresses

From above demonstrate of photo reel, I saw the width of thumbnails on the reel isn't equal. Can I adjust their width.

January 4th 2010 03:01AM - jobs

it's awesome. Thanks for the code.

January 6th 2010 08:01AM - Web Development Company

Thank you for the code

January 7th 2010 05:01AM - blu ray player

tks
The valentine day is coming a few days!
what do you prepared the gifts for your friends

January 16th 2010 03:01AM - cheap ghd

Wow, I sure would like to know the meaning behind the symbols. I suspect they carry a message. How creative.

January 17th 2010 05:01AM - HD photo

The example of xml file it not work. What should do?

January 18th 2010 10:01PM - film

Thank you for the beautiful images and good tutorial.

January 18th 2010 10:01PM - book

Thanks for sharing, reminds me i need to get back into the groove of things.

John

January 19th 2010 12:01AM - web host

Thanks for sharing good information :)

January 19th 2010 06:01AM - Ares

I have a modeling site called Model Stardom. I am looking for a good solution for the model photo gallery. I am wondering if it is possible to use SQL or MySQL databases to hold files names to read off of rather than XML files. I say this because the amount of members we plan to have is big, and the XML file may become too big and therefore it would take more time to load the images.

January 20th 2010 08:01PM - Fashion Modeling

good image applet. thanks. I use it for Japanese nature photo

January 21st 2010 01:01PM - Japanese nature photo

greee

January 21st 2010 04:01PM - oprah winfrey acai berry

good image.

January 22nd 2010 04:01PM - valtrex use

thanx for this post i really loved it

January 23rd 2010 03:01PM - augmentin online

thanks for post.

January 23rd 2010 04:01PM - Levitra

love this info i will read this more often

January 23rd 2010 11:01PM - augmentin overnight deliv

http://www.uggbootsshop.org Ugg Boots
http://www.ghdhaironline.org Ghd
http://www.vogueshoponline.org Ed Hardy
http://www.christianlouboutinshop.org Christian Louboutin

February 4th 2010 08:02AM - trade inc

Special thank for good post.

February 5th 2010 08:02AM - โหลดเพลง�

very good your text.

February 5th 2010 08:02AM - Acompanhantes BH

Thank for the information

February 6th 2010 07:02AM - โหลดเพลงm

awwwwwwwwwwwwwwwwwwwesome

February 8th 2010 04:02AM - acompanhantes

very good your text.

February 8th 2010 04:02AM - Acompanhantes BH

Special thank for good post.

February 10th 2010 03:02AM - โหลดเพลง�

Special thank for good post.

February 10th 2010 08:02AM - โหลดเพลง�

I must admit, great tips!

February 10th 2010 04:02PM - Wordpress Designers

How do I create soft curls with my <a href="http://www.sweetv.com">ghd IV styler</a>? please find the answer from this website www.sweetv.com </p>
<p><a title="CHI Flat Iron Pink Dazzle" href="http://www.sweetv.com/CHI-Flat-Iron-Pink-Dazzle-sweetv-188.html" alt="CHI Flat Iron Pink Dazzle">CHI Flat Iron Pink Dazzle</a> <a title="CHI Flat Iron Turbo" href="http://www.sweetv.com/CHI-Flat-Iron-Turbo-sweetv-187.html" alt="CHI Flat Iron Turbo">CHI Flat Iron Turbo</a> <a title="CHI Flat Iron Camo Green" href="http://www.sweetv.com/CHI-Flat-Iron-Camo-Green-sweetv-186.html" alt="CHI Flat Iron Camo Green">CHI Flat Iron Camo Green</a> <a title="CHI Flat Iron Camo Blue" href="http://www.sweetv.com/CHI-Flat-Iron-Camo-Blue-sweetv-185.html" alt="CHI Flat Iron Camo Blue">CHI Flat Iron Camo </a></p>

March 7th 2010 04:03AM - JIOJFD

Add a Comment