XML photo gallery - Help with Titles

[mchscstew]

Hello All

I'm creating a flash application for an XML photo imaging gallery. What it would ideally be able to do is to pull any image from a folder, resize the image and align it on a grid, and when clicked, would resize to a zoomed in position. Alongside the image zoomed in, I'd like to display the caption alongside the image and be properly formatted etc..

I have found an online tutorial of an xml image gallery and modified my photo gallery to do what I wanted above, except I am having difficulty with the caption portion.

What I have done is put my images into an array, added frames to those images, and placed them inside a container that is resized and looped into a grid on the screen. However, I also have the caption inside the container (I needed to in able to load the "title" child from the xml with the according image number in the array). The problem with the caption being inside the container is that when the image resizes, the caption text also resizes causing font inconsistencies depending on the image size.

My "xml is set up:

<images>
    <image src="images/image.jpg" picnum="01" title="This is image 1"/>
    <image src="images/image2.jpg" picnum="02" title="This is image 2"/>
</images>

My code is attached to this post.

Can anyone give an idea of how I can load the "title" node without adding it to the container of my image? Let me know if you need any source files.