cross fade slide show

Dit is de standaard tekst.

Prachtige slide show.. om je foto's op een mooie manier weer te geven.. Je kunt er net zoveel foto's aan toevoegen.. ieder met zijn eigen ondertiteling.. De complete beschrijving staat meegeschreven in het script.. Toppertje...


	Plak dit tussen de <head> tags

<style> .Caption { font-family: Arial; font-weight: plain; color: #CCFFCC; } </style>  <script> // hier de snelheid van de slideshow (in milliseconden) var SlideShowSpeed = 3000; // duur van de crossfade (in seconden) var CrossFadeDuration = 3; var Picture = new Array(); // var Caption = new Array(); // // hieonder kun je meer images tovoegen // ze moeten echter gelijk zijn aan het aantal captions daaronder Picture[1] = '01.jpg'; Picture[2] = '02.jpg'; Picture[3] = '03.jpg'; Picture[4] = '04.jpg'; // teksten bij de plaatjes ( aantal moet gelijk zijn aan aantal plaatjes hierboven ) Caption[1] = "Dit is het eerste plaatje."; Caption[2] = "En dit is de tweede."; Caption[3] = "Hier dan het derde plaatje."; Caption[4] = "en vooralsnog de laatste.. de vierde."; // ===================================== // verander hieronder niets meer var tss; var iss; var jss = 1; var pss = Picture.length-1; var preLoad = new Array(); for (iss = 1; iss < pss+1; iss++){ preLoad[iss] = new Image(); preLoad[iss].src = Picture[iss];} function runSlideShow(){ if (document.all){ document.images.PictureBox.style.filter="blendTrans(duration=2)"; document.images.PictureBox.style.filter="blendTrans(duration=CrossFadeDuration)"; document.images.PictureBox.filters.blendTrans.Apply();} document.images.PictureBox.src = preLoad[jss].src; if (document.getElementById) document.getElementById("CaptionBox").innerHTML= Caption[jss]; if (document.all) document.images.PictureBox.filters.blendTrans.Play(); jss = jss + 1; if (jss > (pss)) jss=1; tss = setTimeout('runSlideShow()', SlideShowSpeed); } </script>

© www.leejoo.nl