I am trying to create a portfolio gallery with thumbnails that are movie clips loaded from the library, and the actual thumbnail image is loaded into another nested movieclip. i.e. ThumbMC contains ThmbPic(thumbnail image). Then I would like each thumbnail to function as a button and load the related image into a larger holder movieclip and description into a description text field. All of the relevant data is being loaded from an xml file.
I have most of the stuff in place, I think I’m just running into issues with the correct pathing. If someone can help me with this or has a more efficent and effective way of getting this done I’m all for it.
Thanks
stop();
// - - - - - - - - - <MCL> - - - - - - - - - \\
var myMCL:MovieClipLoader = new MovieClipLoader();
//Array Variables
var thumbArr = new Array();
var imageArr = new Array();
var descArr = new Array();
var Index = 0;
//Position Variables
var xPos:Number = 50;// x position (upper left corner)
var yPos:Number = 75;// y position (upper left corner)
var nt:Number = 29;// total number
var nc = 5;// number of columns
var vd:Number = 40;// vertical distance between the mcs
var hd:Number = 50;// horizontal distance between the mcs
//Array to create grid
for (var i = 0; i<=nt; i++) {
var Thmb_MC = this.attachMovie("thmbMC", "Thmb_MC"+i, i);
var aprox = Math.floor((i-0)/nc);
Thmb_MC._x = xPos+hd*((i-aprox*nc)-0);
Thmb_MC._y = yPos+aprox*vd;
};
//Load XML content
var dbXML:XML = new XML();
dbXML.ignoreWhite = true;dbXML.onLoad = function() {
gallery = this.firstChild;
photo = gallery.childNodes;
for (var i = 0; i<photo.length; i++) {
photo* = photo.childNodes*;
//Array to load Thumbs, Images, and Description Info from XML
thumbArr* = "Thumbs/"+photo*.firstChild.firstChild.nodeValue;
imageArr* = "Images/"+photo*.firstChild.nextSibling.firstChild.nodeValue;
descArr* = photo*.firstChild.nextSibling.nextSibling.firstChild.nodeValue;
}
//Load initial Image and Description
myMCL.loadClip(imageArr[Index], "picHolder");
desc_MC.descTxt.text = descArr[Index];
//Load Thumbnails
function loadThmbs() {
for (i=0; i<41; i++) {
myMCL.loadClip(thumbArr*, Thmb_MC.thmbPic);//what is correct path to load each thumbnail
};
};
loadThmbs();
//Thumb button function to load Images and Descriptions
this.Thmb_MC.onRelease = function() {//need to associate correct thumbnail myMCL.loadClip(imageArr*, picHolder);
};
};
dbXML.load("xml/gallery.xml");