LoaderMax, can't add buttonMode true

programming flash
1

Hello I’m stuck on my project, I don’t know how to add buttonMode true in my gallery and somehow it doesn’t loop for all the images in XML. it starts not from first image, it starts from second.
Please help me! (I can send you all my webpage files if you need to!!!) :slight_smile:
I used a snorklTV tutorial (Bullet-Proof TimelineMax Transitions) for my gallery animation.
Code is in class "main"

package  
{	import com.greensock.events.LoaderEvent;
	import com.greensock.loading.XMLLoader;
	import com.greensock.loading.LoaderMax;
	import com.greensock.loading.ImageLoader;
	import com.greensock.loading.data.ImageLoaderVars;
	import com.greensock.loading.display.ContentDisplay;
	import flash.display.Sprite;
	import flash.display.MovieClip;
	import flash.events.Event;
	import flash.events.EventDispatcher;
	
	
	/**
	 * ...
	 * @author 
	 */
	public class main extends MovieClip
	{
	
	
		private var xImgList:XMLList;
		
		public function main() 
		{
			//Load XML
			var xPhotography:XMLLoader = new XMLLoader("photography.xml");
			xPhotography.addEventListener(LoaderEvent.COMPLETE, xmlLoaded);
			xPhotography.load();
		}
		
		private function xmlLoaded(e:LoaderEvent):void 
		{
			var xData:XML = e.target.content;
			xImgList = new XMLList(xData.img);
			
			//setup loader max object
			var thumbLoader:LoaderMax = new LoaderMax( { name:"thumbLoader" } );
			thumbLoader.addEventListener(LoaderEvent.COMPLETE, thumbsLoaded);
			
			//setup variables for ImageLoaderVars
			var nImgWidth:Number = 100;
			var nImgHeight:Number = 72;
			var nMaxCols:Number = 4;
			
			for (var i:int = 0; i < xImgList.length(); i++) 
			{
				var iLoad:ImageLoader = new ImageLoader("images/thumbs/" + xImgList*.@url, new ImageLoaderVars()
				.name(xImgList*.@name)
				.width(nImgWidth)
				.height(nImgHeight)
				.smoothing(true)
				.container(galerijaTXT_mc.container_mc["p"+i] as MovieClip)
				.x(-50)
				.y(-20)
				
				)
				
				thumbLoader.append(iLoad);
			}
			
			thumbLoader.load();
		}
		
		private function thumbsLoaded(e:LoaderEvent):void
		{
			//Setup Click Events
			for (var i:int = 0; i < xImgList.length; i++) 
			{
				var cdImg:ContentDisplay = LoaderMax.getContent["p"+(i+1)];
				cdImg.buttonMode = true;
			}
			
		}
		
	}

}

**animation (for my gallery) is in .fla file **

var galerijaTXT_clips = [];
for (var i:Number = 1; i <=12; i++) {
	galerijaTXT_clips.push(galerijaTXT_mc.container_mc["p"+i] as MovieClip);

mv.addLabel("galerija_in", mv.duration);
mv.append(TweenMax.to(galerijaTXT_mc.container_mc, 0, {alpha:1, immediateRender:false, onStart:setSection, onStartParams:["galerija"]}));
mv.append(TweenMax.from(galerijaTXT_mc.galerijos_mc, .5, {x:"100", alpha:0}));
mv.appendMultiple(TweenMax.allFrom(galerijaTXT_clips,
   .5, {y:"50", alpha:0}, .1));
mv.addLabel("galerija_complete", mv.duration);

mv.appendMultiple(TweenMax.allTo(galerijaTXT_clips,
   .5, {scaleX:4, scaleY:4, alpha:0}, .1));

mv.insert(TweenMax.to(galerijaTXT_mc, 1, {alpha:0}), mv.duration -1);

My XML structure

<?xml version="1.0" encoding="utf-8" ?>
<data>
<img url="img_1.jpg"	name="p1"/>
<img url="img_2.jpg"	name="p2"/>
<img url="img_3.jpg"	name="p3"/>
<img url="img_4.jpg"	name="p4"/>
<img url="img_5.jpg"	name="p5"/>
<img url="img_6.jpg"	name="p6"/>
<img url="img_7.jpg"	name="p7"/>
<img url="img_8.jpg"	name="p8"/>
<img url="img_9.jpg"	name="p9"/>
<img url="img_10.jpg"	name="p10"/>
<img url="img_11.jpg"	name="p11"/>
<img url="img_12.jpg"	name="p12"/>
</data>