Diavoorstelling 1.0

Auteur: Button - 07 november 2004 - 14:13 - Gekeurd door: Dennisvb - Hits: 8487 - Aantal punten: 2.67 (3 stemmen)

Mooie diavoorstelling.

Pas deze aan aan je eigen behoeftes. Zet in dezelfde map als dat van het script de afbeeldingen met als naam:bv. afb1.gif en dan afb2.gif
Wel miss een minpuntje: je kan de "stop diavoorstelling"-knop pas gebruiken als de eerste foto is verstreken omdat er met de eerste foto nog geen timerID is hé. ---> als je dit echt niet leuk vind laat dan de knop gewoonweg weg!!!(bedankt voor diegene die in het forum op mijn vraag hebben geantwoord. thx)

P.S.:Let niet op de zinnen die er soms bij staan. kheb dit script gemaakt voor school :-D

---------------------------------------------------

ik heb dit script van sitemasters V1 gekopiëerd (ik heb natuurlijk wel zelf gemaakt)
ik had hier nogal veel werk ingestoken, daarom dat ik het niet op V1 wou laten 'wegrotten'

Vééél plezier ermee

Code:

php code - Bekijk de code zonder highlighting - Klap code in

<html> 
<head> 
<title>Diavoorstelling van het boek "Ariadne"</title> 

<style type="text/css"> 
<!-- 
input{ 
background-color: #ffff33; 
color: #000388; 
font size: 12pt; 
font-family: MS Sans Serif; 
border: 3px solid #000000; 
} 

h1{ 
color:#000388; 
font-family: MS Sans Serif; 
font:13pt; 
} 

div{ 
color:#000388; 
font-family: MS Sans Serif; 
font:12pt; 
} 

body{ 
color:#000388; 
} 
--> 
</style> 



<script language="JavaScript" type="text/javascript"> 
<!-- 


tekst= new Array(4);//pas ook het arraynummer aan 
tekst[1]= "De beruchte Minotaurus uit de huiverinwekkende mythe..."; 
tekst[2]= "lololo"; 
tekst[3]= "lalala"; 
var snelheid=10000; 

function sneller_dia(){ 

snelheid=5000; 
document.form1.snelheidform.value=" Verspringt om de 5 seconden"; 
} 

function gewoon_dia(){ 
snelheid=10000; 
document.form1.snelheidform.value=" Verspringt om de 10 seconden"; 
} 
function start_dia(){ 

setTimeout("volgende()",snelheid); 

} 
var teller=1; 


function volgende(){ 


if(teller==4){ 
//verander hier ook het getal aan de hand van het aantal foto's. 
teller=1; 
} 

document.form1.verantwoording.value=tekst[teller]; 
    var afb_ing = "afb" + teller + ".gif"; 
document.afbing.src=afb_ing; 
    teller++; 
    timerID = setTimeout("volgende()",snelheid); 
} 

function stop_dia(){ 
clearTimeout(timerID); 
} 

//--> 
</script> 
</head> 
<body bgcolor="5393E8"  > 
<center><h1>Diavoorstelling van het boek "Ariadne"</h1> 
<img src="afb1.gif" width="150" height="150" name="afbing"></center><p> 
<form name="form1"> 
<script language="JavaScript" type="text/javascript"> 
<!-- 

document.write("<input type='text' name='verantwoording' size='117' value='In deze diavoorstelling maakt u kennis met het boek \"Ariadne\".'>") 
//--> 
</script><p> 


<input type="button" onClick="start_dia()" value="Start diavoorstelling"> 

<input type="button" onClick="stop_dia()" value="Stop diavoorstelling"> 

<input type="button" onClick="sneller_dia()" value="Sneller"> 

<input type="button" onClick="gewoon_dia()" value="Gewone snelheid"> 

<script language="JavaScript" type="text/javascript"> 
<!-- 

document.write(' <input type="text" name="snelheidform" size="30" value=" Verspringt om de 10 seconden">') 
//--> 
</script> 


</form> 

Tip: Wacht met de "Stop diavoorstelling"-knop te gebruiken, tot de eerste foto is versprongen, want anders zal deze knop niet werken. 
</body> 
</html>

<html> 
<head> 
<title>Diavoorstelling van het boek "Ariadne"</title> 
 
<style type="text/css"> 
<!-- 
input{ 
background-color: #ffff33; 
color: #000388; 
font size: 12pt; 
font-family: MS Sans Serif; 
border: 3px solid #000000; 
} 
 
h1{ 
color:#000388; 
font-family: MS Sans Serif; 
font:13pt; 
} 
 
div{ 
color:#000388; 
font-family: MS Sans Serif; 
font:12pt; 
} 
 
body{ 
color:#000388; 
} 
--> 
</style> 
 
 
 
<script language="JavaScript" type="text/javascript"> 
<!-- 
 
 
tekst= new Array(4);//pas ook het arraynummer aan 
tekst[1]= "De beruchte Minotaurus uit de huiverinwekkende mythe..."; 
tekst[2]= "lololo"; 
tekst[3]= "lalala"; 
var snelheid=10000; 
 
function sneller_dia(){ 
 
snelheid=5000; 
document.form1.snelheidform.value=" Verspringt om de 5 seconden"; 
} 
 
function gewoon_dia(){ 
snelheid=10000; 
document.form1.snelheidform.value=" Verspringt om de 10 seconden"; 
} 
function start_dia(){ 
 
setTimeout("volgende()",snelheid); 
 
} 
var teller=1; 
 
 
function volgende(){ 
 
 
if(teller==4){ 
//verander hier ook het getal aan de hand van het aantal foto's. 
teller=1; 
} 
 
document.form1.verantwoording.value=tekst[teller]; 
    var afb_ing = "afb" + teller + ".gif"; 
document.afbing.src=afb_ing; 
    teller++; 
    timerID = setTimeout("volgende()",snelheid); 
} 
 
function stop_dia(){ 
clearTimeout(timerID); 
} 
 
//--> 
</script> 
</head> 
<body bgcolor="5393E8"  > 
<center><h1>Diavoorstelling van het boek "Ariadne"</h1> 
<img src="afb1.gif" width="150" height="150" name="afbing"></center><p> 
<form name="form1"> 
<script language="JavaScript" type="text/javascript"> 
<!-- 
 
document.write("<input type='text' name='verantwoording' size='117' value='In deze diavoorstelling maakt u kennis met het boek \"Ariadne\".'>") 
//--> 
</script><p> 
 
 
<input type="button" onClick="start_dia()" value="Start diavoorstelling"> 
 
<input type="button" onClick="stop_dia()" value="Stop diavoorstelling"> 
 
<input type="button" onClick="sneller_dia()" value="Sneller"> 
 
<input type="button" onClick="gewoon_dia()" value="Gewone snelheid"> 
 
<script language="JavaScript" type="text/javascript"> 
<!-- 
 
document.write(' <input type="text" name="snelheidform" size="30" value=" Verspringt om de 10 seconden">') 
//--> 
</script> 
 
 
</form> 
 
Tip: Wacht met de "Stop diavoorstelling"-knop te gebruiken, tot de eerste foto is versprongen, want anders zal deze knop niet werken. 
</body> 
</html>

Download code (.txt)

Stemmen

Niet ingelogd.

Reacties

Post een reactie

Geen reacties (0)