# Add text to dynamic gallery

**URL:** <https://forum.kirupa.com/t/add-text-to-dynamic-gallery/322072>\
**Category:** flash\
**Created:** [May 9, 2011, 11:28pm UTC](https://forum.kirupa.com/t/add-text-to-dynamic-gallery/322072 "2011-05-09T23:28:11Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![jennyg3011](https://avatars.discourse-cdn.com/v4/letter/j/e495f1/32.png) [@jennyg3011](https://forum.kirupa.com/u/jennyg3011)\
**Post date:** [May 9, 2011, 11:28pm UTC](https://forum.kirupa.com/t/add-text-to-dynamic-gallery/322072/1 "2011-05-09T23:28:11Z")

</div>

Hi,

I have created a slider menu that moves when the arrows are clicked on either side. The images for this menu are loading dynamically from an xml file onto a ‘container’ in my fla.

I need desperately to also be able to add text underneath those pics…any help would be appreciated.

Code is :

import com.greensock._;  
import com.greensock.easing._;  
var xml:XML;  
var images:Array = new Array();  
var totalImages:Number;  
var nbDisplayed:Number = 1;  
var imagesLoaded:int = 0;  
var slideTo:Number = 0;  
var imageWidth = 150;

var container\_mc:MovieClip = new MovieClip();  
slider\_mc.addChild(container\_mc);  
container\_mc.mask = slider\_mc.mask\_mc;  
function loadXML(file:String):void{  
var xmlLoader:URLLoader = new URLLoader();  
xmlLoader.load(new URLRequest(file));  
xmlLoader.addEventListener(Event.COMPLETE, parseXML);  
}

function parseXML(e:Event):void{  
xml = new XML(e.target.data);  
totalImages = xml.children().length();  
loadImages();  
}

function loadImages():void{  
for(var i:int = 0; i\<totalImages; i++){  
var loader:Loader = new Loader();  
loader.load(new URLRequest(“images/”+String(xml.children()\*.@brand)));  
images.push(loader);  
// loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS,onProgress);  
loader.contentLoaderInfo.addEventListener(Event.COMPLETE,onComplete);  
}  
}

function onComplete(e:Event):void{  
imagesLoaded++;  
if(imagesLoaded == totalImages){  
createImages();  
}  
}  
function createImages():void{  
for(var i:int = 0; i \< images.length; i++){  
var bm:Bitmap = new Bitmap();  
bm = Bitmap(images\*.content);  
bm.smoothing = true;  
bm.x = i\*imageWidth;  
container\_mc.addChild(bm);  
}  
}  
Prev\_Btn.addEventListener(MouseEvent.CLICK,slideLeft);  
Next\_Btn.addEventListener(MouseEvent.CLICK,slideRight);  
function slideLeft(e:Event):void{  
slideTo -= nbDisplayed;  
slideContainer();  
}  
function slideRight(e:Event):void{  
slideTo += nbDisplayed;  
slideContainer();  
}  
function slideContainer():void{  
if(totalImages - slideTo \< nbDisplayed)  
slideTo = totalImages - nbDisplayed;  
if(slideTo \< 0)  
slideTo = 0;

TweenLite.to(container\_mc,.5,{x: -slideTo\*imageWidth,ease:Quad.easeIn});  
}  
stage.addEventListener(KeyboardEvent.KEY\_DOWN,keyHandler);  
function keyHandler(evt:KeyboardEvent) {  
if(evt.keyCode == Keyboard.LEFT) slideLeft(evt);  
else if(evt.keyCode == Keyboard.RIGHT) slideRight(evt);  
}

loadXML(“test.xml”);