Answer to Question #896 in Action Script | Flash | Flex | ColdFusion for Nicole

Question #896
I need help I am trying to make a photo gallery but I'm not understanding this. This is all new to me for I don't even know if I even have any of it right and for some of the comments I have no clue?? Can anyone help please..... import fl.transitions.Tween; import fl.transitions.easing.*; import fl.transitions.TweenEvent; var numPics:Number; var thumbIndex:Number = 0; var thumbRowCount:Number = 6; var numThumbsX:Number = 0; var numThumbsY:Number = 0; var xSpacing:Number = 115; var ySpacing:Number = 110; var largePics:Array = new Array(); var thumbPics:Array = new Array(); var thumbCanvas:MovieClip = new MovieClip(); addChild(thumbCanvas); var picCanvas:MovieClip = new MovieClip(); addChild(picCanvas); // set the height of our viewing area to one pixel less // than the y-position of our dividing line // position the thumbCanvas thumbnail container movie clip as shown in the .swf // setting its x and y properties // // Load the XML file data loadTheXML(); // Call the getXMLData() function from an event listener that detects when // the loading of the XML file is complete function getXMLData(e:Event):void { // Create and populate the XML object instance (name it xml) var Xml:XML = new XML; // populate the arrays that will hold the paths to the larger pics and thumbnails // using a for loop for (var i:uint = 0; i < numPics; i++) { largePathList.push(xmlData.large_path[i]); thumbPathList.push(xmlData.thumb_path[i]); } // end for each picture in my gallery function loadThumbs() { // Load the next thumbnail image using a Loader class and an element of // the thumbPics array var thumbLoader:Loader=new Loader; var thumbRequest:URLRequest=new URLRequest(thumbPathList[thumbPics]); thumbLoader.load(thumbRequest) // call the thumbLoadComplete() function when the loading of the thumbnail // is complete function thumbLoadComplete(e:Event):void { // set path to larger pic for this thumbnail in a variable called bigPicPath var bigPicPath:String=largePathList[thumbPics]; // Set x and y positions for thumbLoader based on numThumbsX, numThumbsY, xSpacing, // and ySpacing variables. Don't forget to add some padding. thumbLoader.x=numThumbsX*xSpacing+8; // 8 pixel buffer thumbLoader.y=numThumbsY*ySpacing+5; // 5 pixel buffer numThumbsX++; // If number of thumbnails equals thumbRowCount then start a new row of // thumbnails by resetting numThumbsX and incrementing numThumbsY if (numThumbsX==thumbRowCount) { // if the row has reached the maximum thumbs per row, start a new row numThumbsX=0; numThumbsY++; } // call the loadBigPic() function when the user clicks on the thumbnail that // was just loaded into the thumbLoader Loader class instance function loadBigPic(e:MouseEvent):void { // disable clickability of thumbnail thumbLoader.removeEventListener(MouseEvent.CLICK,loadBigPic); // remove any larger images that are currently being displayed in the picCanvas movie clip // create a Loader class instance called bigPicLoader and load the larger // image for the clicked thumbnail into it using the bigPicPath variable. var bigPicLoader:Loader=new Loader; // call the bigPic() function when the larger image completes loading // into the bigPicLoader Loader class instance function bigPic(e:Event):void { // reenable clickability of thumbnail thumbLoader.addEventListener(MouseEvent.CLICK,loadBigPic); // center our background rectangle (bg_mc) in our viewing area // Place the loaded image into the picCanvas movie clip // make the picCanvas movie clip invisible until it is // done loading the larger image thumbLoader.removeEventListener(MouseEvent.CLICK,picCanvas); // use the Tween class to set the width and height properties // of the bg_mc rectangle movie clip to adjust to just greater // (35 pixels greater) than the dimensions of the loaded larger image // Center the loaded picture in our viewing area // // we will now alter the picCanvas' x and y values // based on the width and height values of the image // that has just been loaded into it. Place the left // edge of the picCanvas movie clip (which now has our image in it) // at the following position: horizontal center of the // stage minus half the width of the loaded picture image. // Now, determine where the top edge (y-position) of // the loaded image should be placed so the picture is // centered vertically // Listen for the motion tween to finish (on width property of bg_mc) // Use the MOTION_FINISH event of the TweenEvent class to check this // calling the showPic() function when it occurs. function showPic(e:TweenEvent):void { // Make the picture visible by fading it in over 1 second using // a Tween class (hint: do the fade on the picCanvas movie clip) fadeIn=new Tween(picCanvas,"alpha",None.easeNone,0,1,30,false); } // end showPic() } // end bigPic() } // end loadBigPic() // add loaded thumbnail image as child of thumbCanvas thumbCanvas.addChild(thumbCanvas); thumbIndex++; if (thumbIndex < numPics) { // there are more thumbnails to be loaded loadTheThumbs(); } // recursive call to loadThumbs() to continue loading next thumbnail image else { // all thumbnails have been loaded, so reset numThumbsX, numThumbsY, and thumbIndex numThumbsX=0; numThumbsY=0; thumbIndex=0; } } // end thumbLoaderComplete() } // end loadThumbs()
1
Expert's answer
2010-11-02T19:54:20-0400
Your question requires a lot of work and can be submitted as an assignment to our site. Just follow this link and our experts will assist you

Need a fast expert's response?

Submit order

and get a quick answer at the best price

for any assignment or question with DETAILED EXPLANATIONS!

Comments

No comments. Be first!

Leave a comment

Ask Your question

LATEST TUTORIALS
New on Blog
APPROVED BY CLIENTS
paypal