Hello all,
I have taken a existing code that I wish to adapt to a photo gallery driven by xml. The effect is the one of a mac dock. Here is the code :
Code:
align = bottom;
centerx = 132;
centery = 107;
menuholder = createEmptyMovieClip("menuholder", -1);
menuholder._y = centery;
menucount = 7;
menuitems = [];
miwidth = 37;
miborder = 1;
startx = centerx-((menucount-1)*(miwidth+miborder))/2;
trace(startx);
for (var i = 0; i<menucount; i++) {
var menuitem = menuholder.attachMovie("menuitem", "menu"+i, i);
menuitem._x = startx+i*(miwidth+miborder);
menuitem.id = i;
menuitem.onRollOver = function() {
_root.selected = this;
};
menuitems.push(menuitem);
}
onEnterFrame = function () {
var width = 0;
for (var i = 0; i<menucount; i++) {
var xxm = menuitems[i]._xmouse;
var yym = menuitems[i]._ymouse;
var xm = Math.sqrt(xxm*xxm+yym*yym);
if (xm<50) {
menuitems[i]._xscale = menuitems[i]._yscale += ((200-xm)-menuitems[i]._yscale)/3;
} else {
menuitems[i]._xscale = menuitems[i]._yscale += (100-menuitems[i]._yscale)/3;
}
width += menuitems[i]._width;
}
width += (menucount-1)*miborder;
var xpos = Math.round(centerx-width/2);
for (var i = 0; i<menucount; i++) {
for (var i = 0; i<menucount; i++) {
if (i>0) {
xpos += menuitems[i-1]._width/2;
}
xpos += miborder+menuitems[i]._width/2;
menuitems[i]._x = xpos;
}
}
};
I wish to have images appearing in the different "menuitem", driven by an xml system.
Could somebody help?
Many thanks!