FOK!forum / Digital Corner / Javascript Slide trough Array
NTCEwoensdag 6 december 2006 @ 13:20
// CODE STAAT IN PHP TAGS VOOR DE KLEUR AANDUIDING //

Hey allemaal,

Ik wil een Javascript Slider maken, met onderstaande code kan ik een DIV (layer) in hoogte resizen.

1
2
3
4
5
6
7		<?php
function SlideDown(){
for(i=50; i<500; i++) {
setTimeout("document.getElementById('layer').style.height='" +  i + "px'", (i+50)*6);
 }
}
?>


Echter zoals je kunt zien gaat deze in een vloeiende beweging van 50 pixels naar 500 pixels in hoogte.
Dit betekend dat hij altijd dezelfde snelheid behoud en dat wil ik niet.

Wat ik wil is dat de for lus een array gaat doorlopen, voorbeeld:

1
2
3		<?php
array = array("50, 100, 150, 200, 250, 300, 350, 400, 450, 460, 470, 480, 490, 500");
?>

Je kunt ook zien dat bij de 450 hij nauwkeuriger wordt, hiermee moet dus de Slider een vertraging krijgen heel snel, naar langzamer en angzamer totdat hij stilstaat.

Wie kan mij hierbij helpen hoe ik dit moet verwerken?

[ Bericht 6% gewijzigd door NTCE op 06-12-2006 13:21:58 (kleurtags) ]
SuperRembodonderdag 7 december 2006 @ 14:21
1
2
3
4
5
6		function SlideDown() {
   var a = new Array(50, 100, 150, 200, 250, 300, 350, 400, 450, 460, 470, 480, 490, 500);
   for(i = 0; i < a.length; i++) {
      setTimeout("document.getElementById('layer').style.height='" +  i + "px'", a[i]);
   }
}


Zoiets zou je kunnen doen. Niet bepaald optimale code, maar het kan.

(In [Javascript] voor dummies - deel 4 heb je meer kans op een snel antwoord)
NTCEvrijdag 8 december 2006 @ 12:21
thanks Rembo, maar werkt helaas niet, ik post hem wel in dummies.