Create a Dynamic Slideshow with ActionScript 3.0 and XML

Pierre Laveklint on Apr 20th 2009 with 70 comments

This entry is part 1 of 3 in the series Create a Dynamic Slideshow with AS3 and XML

Create a Dynamic Slideshow with AS3 and XML

Create a Dynamic Slideshow with ActionScript 3.0 and XML
Create a Dynamic Slideshow with ActionScript 3.0 and XML: Part 2
Create a Dynamic Slideshow with Actionscript 3.0 and XML – Part 3

In this screencast I’ll show you how to create a dynamic slideshow using ActionScript 3.0 and how to grab the images from an xml file. We’ll keep the FLA empty except for the path to our Document Class and also create a custom class that will act as the engine for the slideshow. This is a file you can use over and over again, I hope you find it useful!

View Screencast

Get the Flash Player to see this player.

Create a Dynamic Slideshow with ActionScript 3.0 and XML: The Series.

Part One
Part Two
Part Three

Other parts in this series:Create a Dynamic Slideshow with ActionScript 3.0 and XML: Part 2»

Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By Pierre Laveklint

Rollover to read this author's bio or click through to see a full list of posts by this author.

Pierre is a flashdeveloper from Sweden. He spends his freetime learning new fun stuff and experimenting. He´s in a band called Moll Flanders where he plays guitar. Aside from Actionscript he is trying to expand his knowledge in other programming languages. It´s all about the fun...

Plus Premium

Pingback: 50 Incredible Tutorials from the Tuts+ Network - News ums Netz
Pingback: 10 Sleek and Professional Flash Image Gallery Tutorials : Speckyboy Design Magazine
Gustav

Is it possible to make a of the whole thing? like a clickable banner?
Brian

Is there any way to modify this to do the following things.

1.) have a transparent image / text overlayed over all of the images and change for each image
2.) have the picture resize itself automattically to meet the deminsions that you set in the html file

Thanks
Dan

When is part 2?
karla

how do i import a similar slideshow into dreamweaver cs3?
everytime i import the swf file, nothing happens, i am very new at this :(
http://www.laveklint.com Pierre Laveklint

Author

Hey guys, thanks for all the comments. I´ve been super busy, but part 2 and 3 are coming up. There will be some pretty cool stuff.

We will go over quite a lot..

See you soon.
geoff

I have to say this is the most easy to follow guide i have seen on how to create this viewer. i have a question though. Let’s say you wanted to make one that was like the one off the main page from hulu.com. How would you create the controls, not just the forward and back but also the buttons at the bottom that will bring that pic that is assigned to it to that screen? Also how would you make it so that when you click on that pic it would take you to a picture with more detail?
Pingback: AMB Album » 30 Hand-picked Flash and Essential Actionscript 3.0 Tutorials
Pingback: 30 Hand-picked Flash and Essential Actionscript 3.0 Tutorials | Webmaster Tips
Pingback: " » 10 Tutoriels d’exception pour Flash (AS 3)" by Design Spartan
Durgesh

HI i m Durgesh.
nice work
Luee

Thanks for the tut. But why do I get

“TypeError: Error#2007: Parameter url mast be non-null.
at flash.net::URLStream/load()
at flash.net::URLLoader/load()
at SlideEngine()
at DynamicSlideshow()
”

when I try to compile the source file?
Thanks,

http://www.laveklint.com Pierre Laveklint

Author

hey Luee
If you try to run the file from within flash you have to change the path to the xmlfile, since you can´t load the flashvariables sent through the html-file if you loading it up from Flash IDE.

Change the slidesfile-variable to the path of the xmlfile.

Check back soon, part 2 is around the corner, I know they are planning to release part 2 in the beginning of july.

Later //

Julio Villa

where it reads:

var slidesfile:URLRequest = new URLRequest(root.loaderInfo.parameters["slidesfile"]);
var delaytime:Number = root.loaderInfo.parameters["delaytime"];
var tweentime:Number = root.loaderInfo.parameters["tweentime"];

what should we change it to….in orfer to run run it from the flash IDE,
sorry but really new to this!!

Pingback: 30 Hand-picked Flash and Essential Actionscript 3.0 Tutorials | www.my2tech.com
Alex

Great tutorial, can’t wait for part two!
An example of slideshow I really like – http://www.foreverpipe.ro/slideshow.swf
Pingback: WaggelDaggel » Blog Archive » dynamic slideshow using as3
Pingback: Web Development and Design | Flash and XML Tutorials
http://www.omegaitech@yahoo.com dilip

Hi,

i see that you developed a great component but i would like to suggest you that let you create slideshow like as in myspace.

dilip
Chris

When I run the html, the screen is blank? What am I doing wrong?
Nathan

I’m having the same problem as Chris, does anybody know what is causing it?
Julio Villa

Great tutorial……how do can I use this same slideshow without the HTML page,
lets say I want to load it in another swf
Pingback: 25+ Very Useful Flash & ActionScript 3 Tutorials - Ntt.cc
http://www.stevendonea.com Steven

IS PART 2 coming anytime in the future?
tresdead

this is great! muchas gracias!!!
Amelia

Oh wow I did so not understand this lol! I don’t even know how to put the code into my HTML.
Ameliab2005

Awwwe!! :(

I was looking forward to getting the source files from tuts Part II and III but the files are not working for some reason. Please fix!
Pingback: ActionScript 3, XML and MySQL « byK
Pingback: Slideshow dinamica con ActionScript 3 e XML! | sastgroup.com
http://hasangursoy.com.tr/ Hasan Gürsoy

Nice job, but a loading bar would be better. Images take long to load. And maybe a fadeout effect could be added
Pingback: 25 Really Useful Adobe Flash XML Slideshow Tutorials | crazyegg.net
Pingback: Awesome Flash Image Gallery Tutorials To Create Professional And Stylish Slideshows | Programming Blog
Pingback: Awesome Flash Image Gallery Tutorials To Create Professional And Stylish Slideshows | The best Tutorials
Pingback: Awesome Flash Image Gallery Tutorials To Create Professional And Stylish Slideshows | TweetsOnTech.com
Pingback: FreeDownloadSecrets.com » Awesome Flash Image Gallery Tutorials To Create Professional And Stylish Slideshows
Pingback: Wordpress Blog Services - Awesome Flash Image Gallery Tutorials To Create Professional And Stylish Slideshows
Pingback: IM22003/14: Prototyping Resources | Shaleph O'Neill
Pingback: Create a Dynamic Slideshow with ActionScript 3.0 and XML « GuarniBlog
Pingback: 29 Awesome Flash Image Gallery Tutorials To Create Professional Slideshows « 68Design – (68ds.com) Creative Design Transmitter
Vicky

What is all this “tween engine” stuff about? I’ve been looking everywhere for a tutorial on how to make a rotating banner like this from scratch and I see right at the beginning talk of an engine and I have no idea what it’s for?
Pingback: 25 Really Useful Adobe Flash XML Slideshow Tutorials | ExceptionHandle.com
Pingback: 《flash教程推荐》11个使用flash打造的有用幻灯片教程 | 编程·早晨

Get Email Updates
Subscribe via RSS

Select a subscription type...
- Full Post RSS
- Summary RSS

advertise here

Become a Tuts+ Premium member to support this site and get access to more than 750 extra tutorials.

Full-time, Part-time and Contract Jobs

Freelance Jobs

More Freelance Jobs...

Create a Dynamic Slideshow with ActionScript 3.0 and XML

View Screencast

Create a Dynamic Slideshow with ActionScript 3.0 and XML: The Series.

Enjoyed this Post?

By Pierre Laveklint

Hello!

Premium Members

Full-time, Part-time and Contract Jobs

Freelance Jobs

Create a Dynamic Slideshow with ActionScript 3.0 and XML

View Screencast

Create a Dynamic Slideshow with ActionScript 3.0 and XML: The Series.

Enjoyed this Post?

By Pierre Laveklint

Hello!

Premium Members

Full-time, Part-time and Contract Jobs

Freelance Jobs

Follow Activetuts+ and Tuts+ on Twitter