HTML code 21

Plaats onderstaande script in de head bovenin (tussen <head> en </head>)

 

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

// Set slideShowSpeed (milliseconds) - snelheid

var slideShowSpeed = 3000;

// Duration of crossfade (seconds) - duur van het wisselen

var crossFadeDuration = 5;

// Specify the image files

var Pic = new Array();

// locatie en naam van je fotoos

// houdt voor meer of minder fotoos gewoon het schema aan

 

Pic[0] = 'fotos/m1.jpg'

Pic[1] = 'fotos/m2.jpg'

Pic[2] = 'fotos/m3.jpg'

Pic[3] = 'fotos/m4.jpg'

Pic[4] = 'fotos/m5.jpg'

Pic[5] = 'fotos/m6.jpg'

Pic[6] = 'fotos/m7.jpg'

Pic[7] = 'fotos/m8.jpg'

Pic[8] = 'fotos/m9.jpg'

Pic[9] = 'fotos/m10.jpg'

Pic[10] = 'fotos/m11.jpg'

Pic[11] = 'fotos/m12.jpg'

 

// wijzig hieronder NIETS !!!

var t;

var j = 0;

var p = Pic.length;

var preLoad = new Array();

for (i = 0; i < p; i++) {

preLoad[i] = new Image();

preLoad[i].src = Pic[i];

}

function runSlideShow() {

if (document.all) {

document.images.SlideShow.style.filter="blendTrans(duration=2)";

document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";

document.images.SlideShow.filters.blendTrans.Apply();

}

document.images.SlideShow.src = preLoad[j].src;

if (document.all) {

document.images.SlideShow.filters.blendTrans.Play();

}

j = j + 1;

if (j > (p - 1)) j = 0;

t = setTimeout('runSlideShow()', slideShowSpeed);

}

// End -->

</script>

 

Plaats onderstaande script in de body (tussen <body> en </body>)

<center>

<img src="fotos/m1.jpg" name="SlideShow">

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

runSlideShow()

// end-->

</script>

Voorbeeld 21