diashow waarbij de foto's draaien-

Code: Selecteer alles

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>DiaShow 1</title>

<script language="JavaScript1.1"> 
var nieuwbeeldje=new Array()// hier plaats je je afbeeldingen , je kunt er net zoveel toevoegen als je wilt 
nieuwbeeldje[0]="foto1.jpg"//naam 1e plaatje 
nieuwbeeldje[1]="foto2.jpg"//etc.... 
nieuwbeeldje[2]="foto3.jpg" 
nieuwbeeldje[3]="foto4.jpg" 
nieuwbeeldje[4]="foto5.jpg" 

var tussentijd=4000 //verander hier de tussentijd tusse nhet draaien ( in miliseconden 
var teller =1; 
var beeldje=new Array() 
for (i=0;i<nieuwbeeldje.length;i++){ 
beeldje[i]=new Image() 
beeldje[i].src=nieuwbeeldje[i] 
} 
function beeldwissel(){ 
if (window.createPopup) 
blok.filters[0].apply() 
document.images.blok.src=beeldje[teller].src; 
if (window.createPopup) 
blok.filters[0].play() 
teller++; 
if (teller==beeldje.length) 
teller=0; 
setTimeout("beeldwissel()",tussentijd) 
} 
window.onload=new Function("setTimeout('beeldwissel()',tussentijd)") 
</script>

</head>

<body>

<div align="center">
<img src="foto1.jpg" name="blok" border=0 style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle='PUSH')">
</div>

</body>

</html>

Code: Selecteer alles

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>DiaShow 2</title>

<script language="JavaScript1.1"> 
var nieuwbeeldje=new Array()// hier plaats je je afbeeldingen , je kunt er net zoveel toevoegen als je wilt 
nieuwbeeldje[0]="foto6.jpg"//naam 1e plaatje 
nieuwbeeldje[1]="foto7.jpg"//etc.... 
nieuwbeeldje[2]="foto8.jpg" 
nieuwbeeldje[3]="foto9.jpg" 
nieuwbeeldje[4]="foto10.jpg" 

var tussentijd=4000 //verander hier de tussentijd tusse nhet draaien ( in miliseconden 
var teller =1; 
var beeldje=new Array() 
for (i=0;i<nieuwbeeldje.length;i++){ 
beeldje[i]=new Image() 
beeldje[i].src=nieuwbeeldje[i] 
} 
function beeldwissel(){ 
if (window.createPopup) 
blok.filters[0].apply() 
document.images.blok.src=beeldje[teller].src; 
if (window.createPopup) 
blok.filters[0].play() 
teller++; 
if (teller==beeldje.length) 
teller=0; 
setTimeout("beeldwissel()",tussentijd) 
} 
window.onload=new Function("setTimeout('beeldwissel()',tussentijd)") 
</script>

</head>

<body>

<div align="center">
<img src="foto6.jpg" name="blok" border=0 style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle='PUSH')">
</div>

</body>

</html>

Code: Selecteer alles

<!--Plaats iframe op de pagina op de plaats waar de slideshow moet getoond worden-->
<iframe src ="slideshow1.html" width="450" height="650" frameborder="0" scrolling="no">
  <p>Your browser does not support iframes.</p>
</iframe>

<!--Plaats iframe op de pagina op de plaats waar de slideshow moet getoond worden-->
<iframe src ="slideshow2.html" width="450" height="650" frameborder="0" scrolling="no">
  <p>Your browser does not support iframes.</p>
</iframe>