PDA

Volledige versie bekijken : Thumbnails met sliding infoblok op rollOver


Phlexus
%Europe/Berlin %600 %2006, 14:25
Hallo,

ik wil een rijtje thumbnails weergeven van plaatjes die mbv xml worden geladen.

Stel, de thumbnails zijn elk 100x100 en staan onder elkaar. Op een rollOver slide er van links naar rechts een infoblok met een beschrijving van achter een thumbnail vandaan, infoblok is bv 100x300 (net zo hoog als thumb). Het lijkt me dat je middels een loopje de thumbs onder elkaar plaatst, maar ik vraag me af hoe je de infoblokken moet maken.

Maak je bv 1 default mc in de library, en maak je hiervan kopietjes op de stage? Of genereer je dynamisch de blokken en tekstfields, maw, je tekent ze on-the-fly?

Hoe zou jij te werk gaan? Ik probeer uit te vogelen wat nou een, zoniet de juiste manier is dit voor elkaar te krijgen.

Doc
%Europe/Berlin %609 %2006, 14:37
heel toevallig heb ik ongeveer het zelfde gemaakt als wat jij bedoelt denk ik.
Wat ik gedaan heb:
een movieclip gemaakt (bijvoorbeeld container) met daarin 2 movieclips:
1 movieclip waar je thumbnail in geladen gaat worden
1 movieclip waar je infoblok in komt

Vervolgens maak je een loop waarin je de container movieclip dupliceerd en op de stage zet.
Bekijk het voorbeeld ff, khoop dat je er wat aan hebt.

Doc.

Phlexus
%Europe/Berlin %634 %2006, 15:13
Thanks,

ik heb nu dit, maar dat werkt niet :(

for (var nQ:Number = 0; nQ<5; nQ++) {
var mHolder:MovieClip = this.createEmptyMovieClip("mc_holder_"+nQ, nQ+100);
var sHolder:MovieClip = this.createEmptyMovieClip("mc_slider_"+nQ, nQ+110);
mHolder.attachMovie("pictMC", "pictMC", nQ+100);
sHolder.attachMovie("mcInfoPanel", "mcInfoPanel", nQ+110);
mHolder._x = 200;
mHolder._y = 10 + (100 * nQ);
sHolder._x = -305;
sHolder._y = mHolder._y;
mHolder.onRollOver = function() {
new mx.transitions.Tween (sHolder, "_x", none, 100, 431, 7, false);
}
}

De infopanels verschijnen wel op de stage, maar de tween werkt niet. Ook de positionering op dezelfde hoogte als de pictMC klopt niet.

Doc
%Europe/Berlin %660 %2006, 15:50
In mijn voorbeeld zit in pictMC (zie library) al een infopanel. Ik laat hem tevoorschijn komen door een mask.

Phlexus
%Europe/Berlin %806 %2006, 19:20
In mijn voorbeeld zit in pictMC (zie library) al een infopanel. Ik laat hem tevoorschijn komen door een mask.

Dan ontbreekt er misschien een stuk want bij mij is jouw voorbeeld hartstikke statisch. :S

Doc
%Europe/Berlin %647 %2006, 15:32
Oke, om het je dan helemaal makkelijk te maken, hierbij nog een fla.
Ik neem aan dat je er zo wel uit moet komen niet waar?