Xml Slide Show V3 tutorial

Install the XMLSlideShowV3.mxp file. If your Macromedia Flash opened, please close it first and then double click on the mxp file. Follow the installing instructions and then open Macromedia Flash.

You can use the pictures located inside the images folder.

Create a new Flash document File>New Document and Set your Flash document to 420px width and 240px height and 26 fps frame rate as in the image below.

Click OK and save the file in the same directory with the folder that contains the images, (I've placed all images inside a directory called images because I didn't want to mix the fla and swf file with the images).

Open the Components window by choosing Window>Components (Ctrl+F7 on Windows; Command+F7on Mac) and drag the component on stage.

With the component selected, set the size and position of the XmlSlideShow component as below.

Don't forget to insert the instance name (componentInstance), it will help us when we will add the controls for the Xml Slideshow component.

Open the Component Inspector window (the component must be selected if is not selected, click on the component again then open the Component Inspector) by pressing Alt+F7 (Option+F7 on Mac) or choose in the Flash's menu Window>Component Inspector and set up the component as in the image you have below.

Now we have to set up the xml file.

<?xml version='1.0' encoding='UTF-8'?>

<component name='XMLSlideShowV3'>

<data>

<item itemEvents='true' contentPath='images/jmp10.jpg' />

<item itemEvents='true' contentPath='images/jmp02.jpg' />

<item itemEvents='true' contentPath='images/jmp03.jpg' />

<item itemEvents='true' contentPath='images/jmp10.jpg' />

<item itemEvents='true' contentPath='images/jmp05.jpg' />

<item itemEvents='true' contentPath='images/jmp06.jpg' />

<item itemEvents='true' contentPath='images/jmp08.jpg' />

<item itemEvents='true' contentPath='images/jmp11.jpg' />

<!-you have to place all your items here-->

</data>

</component>

itemEvents - true or false. If true you can use listeners on the item

contenPath - the path to the image, swf or movieclip (in my example the images are in the images folder to load external image files. If you want to load movieclips you have in your Library you must enter here the Linkage Id of the movie you want to load)

In order to see the entire list of parameters that can be used in the xml file, please see the documentation file.

If you test your movie (Ctrl+Enter   on Windows; Command+Enter on Mac) you should have a looping slideshow, like below

We can start to add the controls. Below are my controls, every button is a separate movieclip.

I've placed all controls on a different layer than the one with the component.

Now that you have all instance name set you have to add the actionscript for navigation buttons.

Below is my Layer structure:

As you can see I've added an extra layer for my actions and I've placed the actionscript on the first frame.

Open the Actions panel (press F9 key) and paste the actionscript below:

backBt.onRelease=function(

playBt.onRelease=function(

stopBt.onRelease=function(

nextBt.onRelease=function(

*Note: You must have set the instance name of the XMLSlideShow to componentInstance. If you didn't set it on step 5, do it now.

Ctrl+Enter (Command+Enter) to test the movie. You should have something like below.