CAPTIONS IN XML SCROLLBAR GALLERY

How would I implement captions under each image when your scrolling through the images using this tutorial. The text would move sideways with the image.

Scrollbar gallery tutorial

I know I need to add a captions node in my xml and then I need to call upon that node from a empty dynamic textbox, but not sure where to place the code correctly. Thank you!

In the XML add a caption attribute to the image node

<image url="images/image1.jpg" caption="Caption 1"/>
<image url="images/image2.jpg" caption="Caption 2"/>

etc.

Then in the loop that reads the image urls from the XML structure and load them into movie clips you can read in the captions and load them into a dynamic textField:

for (i=0; i<_root.myImagesTotal; i++) {
    imageURL = _root.myImages[i].attributes.url;
    image_mc = _root.myImages_mc.createEmptyMovieClip(i, _root.myImages_mc.getNextHighestDepth());
    image_mc._x = _root.image_width*i;   

    //you need to add something like :
    captionTxt = _root.myImages_mc.createTextField("caption", _root.myImages_mc.getNextHighestDepth()); 
    captionTxt.embedFonts = true;
    captionTxt.text = _root.myImages[i].attributes.caption;  // Read the caption from XML into the new textField 
    captionTxt._x = _root.image_width*i;  // line up the caption with the left edge of the image 
    captionTxt._y = _root.image_height + 10;   // put it just below the image
    ...
    etc
}

You may have to use to use a textFormat on the textField to set fonts, center alignment, etc, and there will be a few other changes in the layout required to accommodate the captions but that should get you started.