Some one helped me write this code yesterday and its working fine, I now want each button to load in a jpg. I’ve added the code to load in the jpg and this works but I can’t figure out how to write the code so when button 1 is pressed image 1 is loaded , and button 2 image 2 etc.
Can any one show me how I need to change my btnOver function so this will work. Thanks. I still want to use this array structure by the way.
var btnArray:Array =
[
panel_mc.btn1,
panel_mc.btn2,
panel_mc.btn3,
panel_mc.btn4,
panel_mc.btn5
];
var tipArray:Array =
[
panel_mc.mc1,
panel_mc.mc2,
panel_mc.mc3,
panel_mc.mc4,
panel_mc.mc5
];
var movieURL:Array =
[
fileReq1,
fileReq2,
fileReq3,
fileReq4,
fileReq5,
fileReq6
];
function initSite():void
{
for (var i:Number = 0; i < btnArray.length; i++)
{
MovieClip(tipArray*).alpha = 0;
MovieClip(btnArray*).id = i;
MovieClip(btnArray*).buttonMode = true;
MovieClip(btnArray*).mouseChildren = false;
MovieClip(btnArray*).addEventListener(MouseEvent.MOUSE_OVER, btnOver, false, 0, true);
MovieClip(btnArray*).addEventListener(MouseEvent.MOUSE_OUT, btnOut, false, 0, true);
MovieClip(btnArray*).addEventListener(MouseEvent.CLICK, btnClick, false, 0, true);
}
}
initSite();
function btnOver(e:MouseEvent):void
{
TweenLite.to(MovieClip(tipArray[e.target.id]), .5, {alpha:1});
e.target.gotoAndStop(2);
}
function btnOut(e:MouseEvent):void
{
TweenLite.to(MovieClip(tipArray[e.target.id]), .5, {alpha:0});
e.target.gotoAndStop(1);
}
function btnClick(e:MouseEvent):void
{
if (holder.numChildren>0) {
holder.removeChildAt(0);
}
fileLoad.load(fileReq1);
}
//Load in external movies
var fileReq1:URLRequest=new URLRequest("mainImages/popular.jpg");
var fileReq2:URLRequest=new URLRequest("mainImages/deluxe.jpg");
var fileReq3:URLRequest=new URLRequest("mainImages/mates.jpg");
var fileReq4:URLRequest=new URLRequest("mainImages/jubilee.jpg");
var fileReq5:URLRequest=new URLRequest("mainImages/jubileeWithHeadboard.jpg");
var fileReq6:URLRequest=new URLRequest("mainImages/JBed.jpg");
var holder:MovieClip = new MovieClip();
addChild(holder);
holder.x=180;
holder.y=20;
var fadeIn:Tween;
var fileLoad:Loader = new Loader();
fileLoad.load(fileReq3);
fileLoad.contentLoaderInfo.addEventListener(Event.COMPLETE, fileLoaded );
function fileLoaded(event:Event):void {
holder.addChild(fileLoad);
fadeIn=new Tween(holder,"alpha",Back.easeOut,0,1,2,true);
}