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 the first!

Leave a comment

LATEST TUTORIALS
New on Blog
APPROVED BY CLIENTS