PDA

Volledige versie bekijken : Thumbnails radom schikken


chonazz
%Europe/Berlin %781 %2007, 18:45
Beste mensen,

Ik laad een hoop thumbnails in, en via een functie worden ze in een grid geplaatst.
Nu was ik weer wat aan het knutselen, en probeer ik om de rijen van het grid een random aantal thumbnails mee te geven (tussen 3 en de 7), en de rijen ook een random x positie te geven.
De random x positie lukt wel, en het random aantal thumbs in een rij lukt half.
Hij neemt wel een random getal aan, maar dit gebruikt hij dan voor alle rijen.
Nu krijg ik soms rijen van 4, volgende keer dat ik de swf laad, heb je da dan weer rijen van 5 of 6...
Maar hoe kan ik er nu voor zorgen dat hij voor iedere rij opnieuw een random getal tussen 3 en 7 neemt?

Ik heb de volgende code:

var amountTotal:Number; // aantal totaal
var space:Number = 10; // tussenruimte
var beginX:Number = rndNumer; //beginpunt op Xas
var beginY:Number = 50; //beginPunt op Yas
function buildGrid(thumbnails) {
amountTotal = thumbnails.length;// aantal totaal
var amountX:Number = rndAantal;//max aantal op Xas
var amountY:Number = Math.floor(amountTotal/amountX);//max aantal op Ys (niet veranderen)
for (var i = 0; i<amountTotal; i++) {
var mc:MovieClip = this.mc_grid.attachMovie("mc_gridItem", "mc_gridItem"+i, i);
mc.id = i;
mc.image = image[i];
mc.soort = soort[i];
mc.titel = titel[i];
mc.author = author[i];
mc.date = date[i];
mc.uitleg = uitleg[i];
image_mcl.loadClip(thumbnails[i], mc.holder);
var posY:Number = Math.floor(i/amountX);
var posX:Number = i-posY*amountX;
mc._x = beginX+(space+mc._width)*posX;
mc._y = beginY+(space+mc._height)*posY;
mc.onRollOver = function() {
this._alpha = 70;
tipInt = setInterval(root, "showTip", 100, this.soort, this.titel, this.author);
};
mc.onRollOut = function() {
this._alpha = 100;
hideTip();
};
mc.onRelease = function() {
_root.desert.endX = 0-_root.desert.mc_anker._x;
_root.desert.endY = 0-_root.desert.mc_anker._y;
_root.desert.onEnterFrame = _root.moveXY;
_parent.loadPic(this);
_parent.mc_picBig._visible = true;
_parent.info._visible = true;
};
}
this.mc_grid.numberOfRows = Math.floor(i/amountX)+1;
this.mc_grid.currentRow = 0;
this.mc_grid.imageHeight = mc._height;
this.mc_grid.imageSpacing = space;
hoogte = mc._height;
}

Alvast bedankt,

Jonas

Dauntless
%Europe/Berlin %940 %2007, 22:33
Kan je een klein voorbeeldje geven? Ik snap de uitleg niet 100% :).

chonazz
%Europe/Berlin %944 %2007, 22:40
owkey :-)
Ik laad dus een aantal thumbnails in, en deze worden automatisch in een grid gezet.
Dus rijen van 4 thumbs bv, allemaal netjes onderelkaar.
Maar nu zou ik het zo willen de het aantal thumbs per rijd veranderd van 4 tot 7 thumbnails. En dat de rijen niet mooi onder elkaar staan.

Het zou meer zo iets moeten worden:

http://www.ennea.eu/afbeelding6.png


De afstand tussen de thumbs moet altijd hetzelfde blijven, maar de rijen moeten doorelkaar.
En zoals ik het nu heb dan staan de rijen niet echt random door elkaar.
En word er wel een random getal genomen voor het aantal thumbs in een rij, maar dit aantal word voor alle rijden gebruikt.
Dus nu heb je soms rijen van 4, en als je de site nog eens laad krijg je rijen van 6.
Maar de bedoeling is dus dat het rijen van 4 tot 7 thumbs doorelkaar worden.
Dit hoeft trouwens niet iedere keer als je de site laad te veranderen. zolang ze maar niet meer netjes onder elkaar staan is het goed.

Als het nog niet duidelijk is :-) laat het dan weten


JOnas

Dauntless
%Europe/Berlin %955 %2007, 22:56
Ok... Heb even een voorbeeldje gemaakt. (Altijd leuk als je zo iets van de eerste keer werkend krijgt). Enjoy.

chonazz
%Europe/Berlin %904 %2007, 21:42
Dankjewel! Ik krijg het nog niet volledig voor mekaar om de twee dingen in mekaar te verwerken. Als het wel geluk is post ik hier even de code en het werkende geheel.
Ik zal blij zijn als dit eindelijk klaar is.


JOnas