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”);
