Navnet har denne applikation fået, fordi den hypigt anvendes til at vise forskellige annoncer i en kort tid.
I virkeligheden er der tale om en simpel udvidelse af de principper, der ligger bag de grafiske, JavaScript rollovers, jeg beskriver i artiklerne herom: JavaScript Rollovers.
Et klik på ordet “Start” herover vil udløse visningen af 4 billeder efter hinanden
<script type="text/javascript"> /*<![CDATA[*/ antal = 4 var imagesshow =new Array(); for (i = 1; i<antal +1; i++){ imagesshow[i] = new Image(); imagesshow[i].src = "res/pix" + i + ".gif"; } function swapImage(nr) { document.images.pix.src = imagesshow[nr].src } function start(){ setTimeout('swapImage(1)',0) setTimeout('swapImage(2)',1000) setTimeout('swapImage(3)',2000) setTimeout('swapImage(4)',3000) } /*]]>*/ </script>
De springende punkter er her:
Bemærk, at jeg undgår name
-attributten i
<img src="res/pix0.gif" id="pix" alt="..." width="100" height="95" />
Denne attribut er ikke lovlig i henhold til xhtml 1, strict DTD'en. Det betyder, at vi nu må tilgå img-objektets src-attribut på siden via dette objekts ID, i dette tilfælde id="pix". Formen på denne reference er
document.images.pix.src = imageAr[nr].src
– hvor "pix" er billedets ID og imageAr er det array, der holder de preloadede billeder i memory.
Denne side er senest opdateret: 21. June, 2006