Layout liquido

[Viziodiforma]

Ciao a tutti. Sto cercando di adattare questo effetto alle mie esigenze
rendendo il layout liquido come qui o simile. Ma non ci riesco

Posto il codice per rendere la cosa più chiara:

Stage.scaleMode = "noScale"
Stage.align = "TL"
_global.itens = [mc1, mc2, mc3, mc4, mc5];
_global.nome = ["Notícias", "Info", "Fólio", "Links", "Contato"];
_global.swf = ["01.swf", "02.swf", "03.swf", "04.swf", "05.swf"];
//
_global.largura = 300;
_global.altura = 300;
//
Reverse = function () {
	for (var i = 0; i<itens.length; i++) {
		if (i != selecionado) {
			itens[i].bt.enabled = true;
			itens[i].bt.useHandCursor = true;
			//
			itens[i].top.tween("_width", 80, tempo, AnimType);
			itens[i].sombra.tween(["_width", "_height"], [80, 98], tempo, AnimType);
			itens[i].fd.tween(["_width", "_height"], [80, 80], tempo, AnimType);
			itens[i].meio.tween(["_width", "_height"], [70, 70], tempo, AnimType);
			itens[i].mask.tween(["_width", "_height"], [70, 70], tempo, AnimType);
			//	
			descarregaMovie = function () {
				itens[i].alvo.unloadMovie();
			};
			itens[i].alvo.alphaTo(0, tempo, "", 0, descarregaMovie);
		}
	}
};
for (var i = 0; i<itens.length; i++) {
	itens[i].i = i;
	itens[i].alvo._alpha = 0;
	itens[i].titulo.text = nome[i];
	//
	itens[0].top.tween("_width", largura+10, tempo, AnimType);
	itens[0].sombra.tween(["_width", "_height"], [largura+10, altura+28], tempo, AnimType);
	itens[0].fd.tween(["_width", "_height"], [largura+10, altura+10], tempo, AnimType);
	itens[0].meio.tween(["_width", "_height"], [largura, altura], tempo, AnimType);
	itens[0].mask.tween(["_width", "_height"], [largura, altura], tempo, AnimType);
	itens[0].alvo.loadMovie(swf[0]);
	itens[0].alvo.alphaTo(100, tempo);
	itens[0].bt.enabled = false;
	itens[0].bt.useHandCursor = false;
	//i
	itens[i].bt.onRollOver = function() {
		this._parent.meio.colorTo("0xffff00", tempo/4);
	};
	itens[i].bt.onRollOut = function() {
		this._parent.meio.colorTo("0x333333", tempo);
	};
	itens[i].bt.onRelease = function() {
		_global.selecionado = this._parent.i;
		this.enabled = false;
		this.useHandCursor = false;
		//
		this._parent.alvo.loadMovie(swf[selecionado]);
		this._parent.alvo.alphaTo(100, tempo);
		//
		this._parent.top.tween("_width", largura+10, tempo, AnimType);
		this._parent.sombra.tween(["_width", "_height"], [largura+10, altura+28], tempo, AnimType);
		this._parent.fd.tween(["_width", "_height"], [largura+10, altura+10], tempo, AnimType);
		this._parent.meio.tween(["_width", "_height"], [largura, altura], tempo, AnimType);
		this._parent.meio.colorTo("0x333333", tempo);
		this._parent.mask.tween(["_width", "_height"], [largura, altura], tempo, AnimType);
		Reverse();
	};
}
onEnterFrame = function () {
	mc2._x = mc1._x+mc1.fd._width+3;
	mc3._x = mc2._x+mc2.fd._width+3;
	mc4._x = mc3._x+mc3.fd._width+3;
	mc5._x = mc4._x+mc4.fd._width+3;
};

Ho pensato che il tutto si giocasse intorno all'ultimo onEnterFrame, ma non so come rendere "liquide" queste dimensioni ..

Grazie in anticipo

[and80]

vedi se questo esempio di layout liquido fullbrowser può aiutarti a comprendere il "modo" -> http://www.v2online.it/articoli/liquid_layout.html

[Viziodiforma]

Sì l'avevo già trovato, il problema è che non si tratta di un solo mc ma di 6 che devono muoversi e disporsi per tutta la lunghezza dello stage. Ho provato così ma mi resta dello spazio di lato a sx . O almeno credo, mi ci vorrebbe una prova ad una risoluzione alta, io ho solo 1024x768 e non mi rendo conto (magari di un mac)

_global.setStage = function() {
	slis = new Object();
	slis.onResize = function() {
mc_mc.tween("_x", Stage.width/2-470, 1, "easeoutBack"); //a tentativi poco accademici
};
	Stage.addListener(slis);
	slis.onResize();
};
setStage();

Dove mc_mc contiene tutte e 7 le tesserine (mc1, mc2, etcc)
Ma credo che sia un metodo molto empirico..

[and80]

io sto su un 16:10 a 1440x900.. se hai un link, posso vedere e capire meglio quel che intendi

[Viziodiforma]

Mando link in pvt