Dia slide

Door: jacob_slomp

Aanwijzingen staan tussen het script


Step 1. 

Plaats onderstaand script in de HEAD-sectie: 


<script> 


// Set speed (milliseconds) 

var speed = 5000 


// Specify the image files 

var Pic = new Array() // don't touch this 

// to add more images, just continue 

// the pattern, adding to the array below 


Pic[0] = '1.jpg' 

Pic[1] = '2.jpg' 

Pic[2] = '3.jpg' 

Pic[3] = '4.jpg' 

Pic[4] = '5.jpg' 


// ======================================= 

// do not edit anything below this line 

// ======================================= 


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(){ 

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

j = j + 1 

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

t = setTimeout('runSlideShow()', speed) 

} 


</script> 


=========================================================== 


Step 2. 

Zet dit tussen de body-tags: 


<body onload="runSlideShow()"> 


=========================================================== 


Step 3. 

Zet dit op de plaats in de body-sectie waar je je dia-slide wil: 


Set widths and heights same as images 

Set image file same as first image in array Pic[] (above) 


<table border="0" cellpadding="0" cellspacing="0"> 

<tr> 

<td id="VU" height=150 width=150> 

<img src="1.jpg" name='SlideShow' width=150 height=150></td> 

</tr> 

</table> 


===========================================================

Klik hier voor de demo

Laat een reactie achter

Meld je vandaag nog aan, of login om een reactie te geven