Den funktionalitet, jeg har tilføjet i dette eksempel, er:
var speed= 1000; var antal=6; var nr=1; var running = 0; var images = new Array() for(i = 1; i < antal + 1; i++){ images[i] = new Image(); images[i].src = "pix/pix" + i + ".jpg"; } function setSpeed(msek) { speed = msek * 2000; } function prev() { skjulAlle(); nr=nr-1; if (nr==0) nr=antal; document.billede.src = images[nr].src; document.getElementById('pixtext' + nr). --> style.display="block"; } function next(){ skjulAlle(); nr=nr+1 if (nr==antal + 1) nr=1; document.billede.src = images[nr].src document.getElementById('pixtext' + nr). --> style.display="block"; } function skjulAlle(){ for (i = 1; i < antal + 1; i++) { document.getElementById('pixtext' + i). --> style.display="none"; } } function auto(){ next() timer = setTimeout('auto()',speed) running=1 } function stop(){ if (running == 1){ clearTimeout(timer) running=0; } } function visPix(nr) { stop(); skjulAlle(); document.billede.src = images[nr].src; document.getElementById('pixtext' + nr). --> style.display="block"; }
Muligheden for at ændre på den hastighed, hvormed billederne vises,
opnår jeg ved at oprette en funktion, setSpeed()
, som jeg
kalder fra en liste over mulige hastigheder og derfra passerer et tal
msek til funktionen. Derved sættes en ny værdi for den variable
speed, svarende til det tal, jeg klikkede på.
Herefter passerer jeg speed til setTimeout()
-funktionen,
der regulerer hastigheden.
visPix()
-funktionen er ret ligetil: Først stoppes en
eventuel rullende fremvisning; dernæst skjules alle billeder; Og til sidst
vises det billede, der er valgt.
Jeg vil godt betegne dette som et universalscript til visningen af billeder. Men der kan naturligvis altid pyntes på resultatet. Det gør jeg på de følgende sider, hvor jeg også pusler lidt med:
Alle disse eksperimenter kan dårligt være på én webside, så der følger yderligere et par sider.
Denne side er senest opdateret: 21. June, 2006