My first as3 build

sean1983uk · September 13, 2008, 3:56pm

Just wondering if someone could take a quick look at my actionscript below and see if they can tell me where I am going wrong?

I’ve basically pieced together a gallery (yes i know sorry) from two tutorials. There is a scrollable list of thumbnails which then load the large image above them.

It all works fine really apart from when you click on a thumbnail for a brief moment the large image area goes black, but then the image fades in as expected over the previous image.

I suspect its got something to do with it loading the current image into the background movieclip, as when i create the background movieclip it is given a color or black.

But as to how i get around this I am stuck.

Any help or pointers would be greatly appreciated.


[LEFT][COLOR=#993300]import[/COLOR] com.[COLOR=#000000]sean[/COLOR].[COLOR=#000000]caurina[/COLOR].[COLOR=#000000]transitions[/COLOR].*;
[COLOR=#993300]import[/COLOR] fl.[COLOR=#000000]containers[/COLOR].[COLOR=#000000]UILoader[/COLOR];
[COLOR=#993300]import[/COLOR] fl.[COLOR=#000000]transitions[/COLOR].*;
[COLOR=#993300]import[/COLOR] fl.[COLOR=#000000]transitions[/COLOR].[COLOR=#000000]easing[/COLOR].*; 
 
[COLOR=#993300]var[/COLOR] thumb:Thumbnail;
[COLOR=#993300]var[/COLOR] urlRequest:URLRequest = [COLOR=#993300]new[/COLOR] URLRequest[COLOR=#000000]([/COLOR][COLOR=#0000ff]"pics.xml"[/COLOR][COLOR=#000000])[/COLOR];
[COLOR=#993300]var[/COLOR] urlLoader:URLLoader = [COLOR=#993300]new[/COLOR] URLLoader[COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR];
[COLOR=#993300]var[/COLOR] [COLOR=#993300]xml[/COLOR]:XML;[COLOR=#993300]var[/COLOR] xmlList:XMLList;
urlLoader.[COLOR=#993300]load[/COLOR][COLOR=#000000]([/COLOR]urlRequest[COLOR=#000000])[/COLOR];
urlLoader.[COLOR=#000000]addEventListener[/COLOR][COLOR=#000000]([/COLOR]Event.[COLOR=#000000]COMPLETE[/COLOR],urlLoaded[COLOR=#000000])[/COLOR];
 
[COLOR=#993300]var[/COLOR] arrayThumb:[COLOR=#993300]Array[/COLOR] = [COLOR=#993300]new[/COLOR] [COLOR=#993300]Array[/COLOR][COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR];
[COLOR=#993300]var[/COLOR] arrayBig:[COLOR=#993300]Array[/COLOR] = [COLOR=#993300]new[/COLOR] [COLOR=#993300]Array[/COLOR][COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR];
[COLOR=#993300]var[/COLOR] currArray:[COLOR=#993300]Array[/COLOR] = [COLOR=#993300]new[/COLOR] [COLOR=#993300]Array[/COLOR][COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR];
[COLOR=#993300]var[/COLOR] photoContainer:Sprite =  [COLOR=#993300]new[/COLOR] Sprite[COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR];
 
photoContainer.[COLOR=#000000]buttonMode[/COLOR] = [COLOR=#993300]true[/COLOR];
addChild[COLOR=#000000]([/COLOR]photoContainer[COLOR=#000000])[/COLOR];
photoContainer.[COLOR=#000000]mask[/COLOR]=thumb_holder;
 
[COLOR=#993300]var[/COLOR] loaderHolder:[COLOR=#993300]MovieClip[/COLOR] = [COLOR=#993300]new[/COLOR] [COLOR=#993300]MovieClip[/COLOR][COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR];
loaderHolder.[COLOR=#000000]graphics[/COLOR].[COLOR=#993300]beginFill[/COLOR][COLOR=#000000]([/COLOR]0xffffff,[COLOR=#000000]1[/COLOR][COLOR=#000000])[/COLOR];
loaderHolder.[COLOR=#000000]graphics[/COLOR].[COLOR=#000000]drawRect[/COLOR][COLOR=#000000]([/COLOR][COLOR=#000000]0[/COLOR],[COLOR=#000000]0[/COLOR],[COLOR=#000000]465[/COLOR],[COLOR=#000000]245[/COLOR][COLOR=#000000])[/COLOR];
loaderHolder.[COLOR=#000000]graphics[/COLOR].[COLOR=#993300]endFill[/COLOR][COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR];
loaderHolder.[COLOR=#000000]x[/COLOR] = [COLOR=#000000]0[/COLOR];
loaderHolder.[COLOR=#000000]y[/COLOR] = [COLOR=#000000]0[/COLOR];
[COLOR=#993300][/COLOR] 
[COLOR=#993300]var[/COLOR] loaderBGHolder:[COLOR=#993300]MovieClip[/COLOR] = [COLOR=#993300]new[/COLOR] [COLOR=#993300]MovieClip[/COLOR][COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR];
loaderBGHolder.[COLOR=#000000]graphics[/COLOR].[COLOR=#993300]beginFill[/COLOR][COLOR=#000000]([/COLOR]0x000000,[COLOR=#000000]1[/COLOR][COLOR=#000000])[/COLOR];
loaderBGHolder.[COLOR=#000000]graphics[/COLOR].[COLOR=#000000]drawRect[/COLOR][COLOR=#000000]([/COLOR][COLOR=#000000]0[/COLOR],[COLOR=#000000]0[/COLOR],[COLOR=#000000]465[/COLOR],[COLOR=#000000]245[/COLOR][COLOR=#000000])[/COLOR];
loaderBGHolder.[COLOR=#000000]graphics[/COLOR].[COLOR=#993300]endFill[/COLOR][COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR];
loaderBGHolder.[COLOR=#000000]x[/COLOR] = [COLOR=#000000]0[/COLOR];
loaderBGHolder.[COLOR=#000000]y[/COLOR] = [COLOR=#000000]0[/COLOR];
 
[COLOR=#993300]var[/COLOR] sprite:Sprite = [COLOR=#993300]new[/COLOR] Sprite[COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR];
addChild[COLOR=#000000]([/COLOR]sprite[COLOR=#000000])[/COLOR];
sprite.[COLOR=#000000]addChild[/COLOR][COLOR=#000000]([/COLOR]loaderBGHolder[COLOR=#000000])[/COLOR];
sprite.[COLOR=#000000]addChild[/COLOR][COLOR=#000000]([/COLOR]loaderHolder[COLOR=#000000])[/COLOR];
 
[COLOR=#993300]var[/COLOR] photoLoader:UILoader = [COLOR=#993300]new[/COLOR] UILoader[COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR];
photoLoader.[COLOR=#993300]width[/COLOR] = [COLOR=#000000]465[/COLOR];
photoLoader.[COLOR=#993300]height[/COLOR] = [COLOR=#000000]245[/COLOR];
photoLoader.[COLOR=#000000]y[/COLOR] = [COLOR=#000000]0[/COLOR];
photoLoader.[COLOR=#000000]x[/COLOR] = [COLOR=#000000]0[/COLOR];
 
[COLOR=#993300]var[/COLOR] photoBGLoader:UILoader = [COLOR=#993300]new[/COLOR] UILoader[COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR];
photoBGLoader.[COLOR=#993300]width[/COLOR] = [COLOR=#000000]465[/COLOR];
photoBGLoader.[COLOR=#993300]height[/COLOR] = [COLOR=#000000]245[/COLOR];
photoBGLoader.[COLOR=#000000]y[/COLOR] = [COLOR=#000000]0[/COLOR];
photoBGLoader.[COLOR=#000000]x[/COLOR] = [COLOR=#000000]0[/COLOR];
loaderBGHolder.[COLOR=#000000]addChild[/COLOR][COLOR=#000000]([/COLOR]photoBGLoader[COLOR=#000000])[/COLOR];
loaderHolder.[COLOR=#000000]addChild[/COLOR][COLOR=#000000]([/COLOR]photoLoader[COLOR=#000000])[/COLOR];
 
photoContainer.[COLOR=#000000]addEventListener[/COLOR][COLOR=#000000]([/COLOR]MouseEvent.[COLOR=#000000]CLICK[/COLOR],onClick[COLOR=#000000])[/COLOR];
 
currArray.[COLOR=#993300]push[/COLOR][COLOR=#000000]([/COLOR][COLOR=#000000]0[/COLOR][COLOR=#000000])[/COLOR];
 
[COLOR=#993300]function[/COLOR] onClick[COLOR=#000000]([/COLOR]event:MouseEvent[COLOR=#000000])[/COLOR]:[COLOR=#993300]void[/COLOR] 
[COLOR=#000000]{[/COLOR]    
[COLOR=#993300]var[/COLOR] myTM:TransitionManager = [COLOR=#993300]new[/COLOR] TransitionManager[COLOR=#000000]([/COLOR]loaderHolder[COLOR=#000000])[/COLOR];
myTM.[COLOR=#000000]startTransition[/COLOR][COLOR=#000000]([/COLOR][COLOR=#000000]{[/COLOR][COLOR=#993300]type[/COLOR]:Iris, direction:Transition.[COLOR=#993300]IN[/COLOR], [COLOR=#993300]duration[/COLOR]:[COLOR=#000000]10[/COLOR], easing:Strong.[COLOR=#000000]easeOut[/COLOR], startPoint:[COLOR=#000000]1[/COLOR], shape:Iris.[COLOR=#000000]CIRCLE[/COLOR][COLOR=#000000]}[/COLOR][COLOR=#000000])[/COLOR]; 
 
photoBGLoader.[COLOR=#000000]source[/COLOR] = arrayBig[COLOR=#000000][[/COLOR]currArray.[COLOR=#993300]pop[/COLOR][COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR][COLOR=#000000]][/COLOR];    
photoLoader.[COLOR=#000000]source[/COLOR] = arrayBig[COLOR=#000000][[/COLOR]event.[COLOR=#993300]target[/COLOR].[COLOR=#993300]name[/COLOR][COLOR=#000000]][/COLOR];        
 
currArray.[COLOR=#993300]push[/COLOR][COLOR=#000000]([/COLOR]event.[COLOR=#993300]target[/COLOR].[COLOR=#993300]name[/COLOR][COLOR=#000000])[/COLOR];
[COLOR=#000000]}[/COLOR]
 
[COLOR=#993300]function[/COLOR] urlLoaded[COLOR=#000000]([/COLOR]event:Event[COLOR=#000000])[/COLOR]:[COLOR=#993300]void[/COLOR] 
[COLOR=#000000]{[/COLOR]    
[COLOR=#993300]xml[/COLOR] = [COLOR=#993300]XML[/COLOR][COLOR=#000000]([/COLOR]event.[COLOR=#993300]target[/COLOR].[COLOR=#993300]data[/COLOR][COLOR=#000000])[/COLOR];    
xmlList = [COLOR=#993300]xml[/COLOR].[COLOR=#000000]children[/COLOR][COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR];    
 
[COLOR=#993300]for[/COLOR] [COLOR=#000000]([/COLOR][COLOR=#993300]var[/COLOR] i:[COLOR=#993300]int[/COLOR]=[COLOR=#000000]0[/COLOR]; i<xmlList.[COLOR=#993300]length[/COLOR][COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR]; i++[COLOR=#000000])[/COLOR] 
[COLOR=#000000]{[/COLOR]        
thumb = [COLOR=#993300]new[/COLOR] Thumbnail[COLOR=#000000]([/COLOR]xmlList[COLOR=#000000][[/COLOR]i[COLOR=#000000]][/COLOR].[COLOR=#993300]url[/COLOR][COLOR=#000000])[/COLOR];        
[COLOR=#993300]var[/COLOR] imageSel:[COLOR=#993300]Number[/COLOR] = i;        
thumb.[COLOR=#993300]name[/COLOR] = imageSel.[COLOR=#993300]toString[/COLOR][COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR];        
arrayBig.[COLOR=#993300]push[/COLOR][COLOR=#000000]([/COLOR]xmlList[COLOR=#000000][[/COLOR]i[COLOR=#000000]][/COLOR].[COLOR=#000000]urlbg[/COLOR][COLOR=#000000])[/COLOR];        
arrayThumb.[COLOR=#993300]push[/COLOR][COLOR=#000000]([/COLOR]thumb[COLOR=#000000])[/COLOR];        
arrayThumb[COLOR=#000000][[/COLOR]i[COLOR=#000000]][/COLOR].[COLOR=#000000]y[/COLOR] = [COLOR=#000000]330[/COLOR];        
arrayThumb[COLOR=#000000][[/COLOR]i[COLOR=#000000]][/COLOR].[COLOR=#000000]x[/COLOR] = i*[COLOR=#000000]100[/COLOR]+[COLOR=#000000]55[/COLOR];        
photoContainer.[COLOR=#000000]addChild[/COLOR][COLOR=#000000]([/COLOR]thumb[COLOR=#000000])[/COLOR];        
photoContainer.[COLOR=#993300]name[/COLOR] = arrayBig[COLOR=#000000][[/COLOR]i[COLOR=#000000]][/COLOR];        
photoLoader.[COLOR=#000000]source[/COLOR] = arrayBig[COLOR=#000000][[/COLOR][COLOR=#000000]0[/COLOR][COLOR=#000000]][/COLOR];        
photoBGLoader.[COLOR=#000000]source[/COLOR] = arrayBig[COLOR=#000000][[/COLOR][COLOR=#000000]0[/COLOR][COLOR=#000000]][/COLOR];    
[COLOR=#000000]}[/COLOR][COLOR=#000000]}[/COLOR]
 
[COLOR=#993300]var[/COLOR] minScroll:[COLOR=#993300]Number[/COLOR] = [COLOR=#000000]0[/COLOR];
[COLOR=#993300]var[/COLOR] [COLOR=#993300]maxScroll[/COLOR]:[COLOR=#993300]Number[/COLOR] = track.[COLOR=#000000]width[/COLOR]-handler.[COLOR=#993300]width[/COLOR];
[COLOR=#993300]var[/COLOR] draging:[COLOR=#993300]Boolean[/COLOR] = [COLOR=#993300]false[/COLOR];
[COLOR=#993300]var[/COLOR] bounds:Rectangle = [COLOR=#993300]new[/COLOR] Rectangle[COLOR=#000000]([/COLOR]handler.[COLOR=#000000]x[/COLOR],handler.[COLOR=#000000]y[/COLOR],[COLOR=#993300]maxScroll[/COLOR],[COLOR=#000000]0[/COLOR][COLOR=#000000])[/COLOR];handler.[COLOR=#000000]buttonMode[/COLOR] = [COLOR=#993300]true[/COLOR];
handler.[COLOR=#000000]addEventListener[/COLOR][COLOR=#000000]([/COLOR]MouseEvent.[COLOR=#000000]MOUSE_DOWN[/COLOR],beginDrag[COLOR=#000000])[/COLOR];[COLOR=#993300]function[/COLOR] 
 
beginDrag[COLOR=#000000]([/COLOR]event:MouseEvent[COLOR=#000000])[/COLOR]:[COLOR=#993300]void[/COLOR] 
[COLOR=#000000]{[/COLOR]    
handler.[COLOR=#993300]startDrag[/COLOR][COLOR=#000000]([/COLOR][COLOR=#993300]false[/COLOR],bounds[COLOR=#000000])[/COLOR];    
draging = [COLOR=#993300]true[/COLOR];    
handler.[COLOR=#000000]addEventListener[/COLOR][COLOR=#000000]([/COLOR]Event.[COLOR=#000000]ENTER_FRAME[/COLOR],checkingProgress[COLOR=#000000])[/COLOR];
 
[COLOR=#993300]stage[/COLOR].[COLOR=#000000]addEventListener[/COLOR][COLOR=#000000]([/COLOR]MouseEvent.[COLOR=#000000]MOUSE_UP[/COLOR],endDrag[COLOR=#000000])[/COLOR];
[COLOR=#000000]}[/COLOR]
 
[COLOR=#993300]function[/COLOR] endDrag[COLOR=#000000]([/COLOR]event:MouseEvent[COLOR=#000000])[/COLOR]:[COLOR=#993300]void[/COLOR] 
[COLOR=#000000]{[/COLOR]    
handler.[COLOR=#993300]stopDrag[/COLOR][COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR];    
draging = [COLOR=#993300]false[/COLOR];
[COLOR=#000000]}[/COLOR]
 
[COLOR=#993300]function[/COLOR] checkingProgress[COLOR=#000000]([/COLOR]event:Event[COLOR=#000000])[/COLOR]:[COLOR=#993300]void[/COLOR] 
[COLOR=#000000]{[/COLOR]    
[COLOR=#993300]var[/COLOR] procent:[COLOR=#993300]Number[/COLOR] = handler.[COLOR=#000000]x[/COLOR]/[COLOR=#993300]maxScroll[/COLOR];    
 
[COLOR=#993300]if[/COLOR] [COLOR=#000000]([/COLOR]draging[COLOR=#000000])[/COLOR] 
[COLOR=#000000]{[/COLOR]        
Tweener.[COLOR=#000000]addTween[/COLOR][COLOR=#000000]([/COLOR]photoContainer,[COLOR=#000000]{[/COLOR]x:[COLOR=#000000]([/COLOR]-procent*[COLOR=#000000]([/COLOR]photoContainer.[COLOR=#000000]width[/COLOR]-thumb_holder.[COLOR=#993300]width[/COLOR][COLOR=#000000])[/COLOR][COLOR=#000000])[/COLOR],[COLOR=#993300]time[/COLOR]:[COLOR=#000000]1[/COLOR][COLOR=#000000]}[/COLOR][COLOR=#000000])[/COLOR];    
[COLOR=#000000]}[/COLOR][COLOR=#000000]}[/COLOR][/LEFT]

Regards,

Sean

Topic	Replies	Views
Actionscript beginnger, PNG gallery transition, filez included flash	87	March 30, 2007
Can someone Please help me	81	November 10, 2005
Sorry posted this under flash 8 has to her HELP ME flash	74	November 10, 2005
[Actionscript 2.0, Flash 8] Button Help Needed	76	February 12, 2007
Flash 8 Image/Thumbnail Gallery Problem flash	122	December 18, 2007

My first as3 build

Follow:

Popular

Loose Ends

My first as3 build

Related topics

Follow:

Popular

Loose Ends