Hey all…
I’ve got a question for you and following this note there will be a long ace code sample that I’d like to see if anyone can help me with…
It’s the Flash 8 style image gallery thumbnail viewer and i’d like to make some modifications.
As you’ll see, I’ve tried to “attachMovie” for the thumbnail holder instead of “createMovieClip” because I want to be able to edit each one of the thumbnail holder mc’s. Furthermore, I don’t actually want to see the thumbnail at all, just what I’ve done in the attached movie… you’ve seem this im sure on some site where for each image it’s just a circle and when you click on it, then it loads it’s larger form… Here’s the code:
main_menu.boton1._visible = false;
main_menu.boton2._visible = false;
main_menu.boton_reset._visible = false;
////////////////////////////////////////////////////////////////////////////////////
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
thumbnails = [];
_global.total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
image* = xmlNode.childNodes*.childNodes[0].firstChild.nodeValue;
description* = xmlNode.childNodes*.childNodes[1].firstChild.nodeValue;
thumbnails* = xmlNode.childNodes*.childNodes[2].firstChild.nodeValue;
thumbnailer(i);
}
firstImage();
} else {
trace("file not loaded!");
}
}
xmlData.load("images.xml");
/////////Load First Image Function///////////////////////////////////////////////
function firstImage() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1);
desc_txt.text = description[0];
}
}
/////////Image Preloader Function//////////////////////////////////////////////////////
p = 0;
this.onEnterFrame = function() {
filesize = picture.getBytesTotal();
loaded = picture.getBytesLoaded();
preloader._visible = true;
if (loaded != filesize) {
preloader.preload_bar._xscale = 100*loaded/filesize;
} else {
preloader._visible = false;
if (picture._alpha<100) {
picture._alpha += 10;
}
}
};
//////////Load clicked thumbnail Image Function////////////////////////////////////////////////
function callImage() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
}
}
//////////Thumbnail maker///////////////////////////////
function thumbnailer(k) {
loaded_counter = 0;
total_thumbs = _global.total;
var container = thumbnail_mc.createEmptyMovieClip("th"+k, thumbnail_mc.getNextHighestDepth());
container._visible = false;
container._alpha = 0;
var image = container.createEmptyMovieClip("img", container.getNextHighestDepth());
tlistener = new Object();
tlistener.onLoadInit = function(target_mc) {
target_mc.pictureValue = k;
target_mc.onRelease = function() {
p = this.pictureValue;
callImage();
};
target_mc.onRollOver = function() {
this._alpha = 50;
};
target_mc.onRollOut = function() {
this._alpha = 100;
};
loaded_counter++;
counting_txt = loaded_counter;
if (loaded_counter == total_thumbs) {
main_menu.boton1._visible = false;
main_menu.boton2._visible = false;
grid_maker_01();
}
};
image_mcl = new MovieClipLoader();
image_mcl.addListener(tlistener);
image_mcl.loadClip(thumbnails[k], "thumbnail_mc.th"+k+".img");
}
///////////Layout Functions/////////////////////////////////////////////////////////////////////
MovieClip.prototype.grid_maker_01 = function(f) {
num = 0;
col = 4;
row = 3;
scale = 60;
space = 5;
for (l=0; l<col; l++) {
for (j=0; j<row; j++) {
if (num<_global.total) {
with (eval("this.thumbnail_mc.th"+num)) {
_x = ((_width+space)*scale/100)*l;
_y = ((_height+space)*scale/100)*j;
_xscale = _yscale=scale;
_visible = true;
}
num++;
}
}
}
this.cascader();
};
//////////////////////////////////////////////////////////////////////////////////
MovieClip.prototype.cascader = function() {
inter = 300;
c = 0;
delayed_fade = function () {
if (c<_global.total) {
with (eval("this.thumbnail_mc.th"+c)) {
fadein();
}
c++;
} else {
main_menu.boton_reset._visible = true;
clearInterval(delay);
}
};
delay = setInterval(delayed_fade, inter);
};
///////////////////////////////////////////////////////////////////////////////
MovieClip.prototype.fadein = function() {
this.onEnterFrame = function() {
if (this._alpha<100) {
this._alpha = this._alpha+5;
} else {
this._alpha = 100;
delete this.onEnterFrame;
}
};
};
///////////////////////////////////////////////////////////////////////////////////////
MovieClip.prototype.positioner = function(xDest, yDest, rDest, aDest) {
this.onEnterFrame = function() {
this._x = xDest-(xDest-this._x)/1.2;
this._y = yDest-(yDest-this._y)/1.2;
this._alpha = aDest-(aDest-this._alpha)/1.2;
this._rotation = rDest-(rDest-this._rotation)/1.2;
if ((Math.abs(xDest-this._x)<=1) and (Math.abs(yDest-this._y)<=1)) {
delete this.onEnterFrame;
this._x = xDest;
this._y = yDest;
this._alpha = aDest;
this._rotation = rDest;
}
};
};
//////////////////////////////////////////////////////////////////////////////////
MovieClip.prototype.grid_maker_02 = function() {
t = 0;
num = 0;
col = 3;
row = 4;
scale = 80;
space = 10;
x_offset = 100;
y_offset = 0;
inter = 300;
function array_maker() {
_global.j_array = new Array();
_global.l_array = new Array();
for (l=0; l<row; l++) {
for (j=0; j<col; j++) {
r = _global.j_array.push(j);
q = _global.l_array.push(l);
}
}
}
array_maker();
function mover() {
if (t<_global.total) {
n = _global.j_array[t];
m = _global.l_array[t];
with (eval("this.thumbnail_mc.th"+t)) {
xD = x_offset+((_width+space)*scale/100)*n;
yD = y_offset+((_height+space)*scale/100)*m;
rD = 0;
aD = 100;
_xscale = _yscale=scale;
_visible = true;
positioner(xD, yD, rD, aD);
}
} else {
clearInterval(delay2);
main_menu.boton_reset._visible = true;
}
t++;
}
delay2 = setInterval(mover, inter);
};
/////////////////////////////////////////////////////////////////////////
function reset() {
for (d=0; d<_global.total; d++) {
with (eval("this.thumbnail_mc.th"+d)) {
_x = 0;
_y = 0;
_alpha = 0;
_xscale = 100;
_yscale = 100;
_rotation = 0;
visible = false;
}
}
}
Thanks so much in advance… I’ve spent too many hours in vein. I need your skillz! 
