Nieuw lid |
|
Ik heb een html bestand met javascript om een fotoshow te maken.
Ik start met foto0 (in een array foto[0]) wanneer het programma wordt gestart. Nu wil ik met een willekeurige (random) foto de presentatie starten. Ik heb al veel code geschreven, maar ik krijg het niet klaar. Kan er iemand mij helpen?
Hier de code:
<html>
<head>
<title>Eurolaan</title>
<link href="../../Css/stijlblad.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/javascript">
<!--
fotoReeks = new Array(6);
var teller = 0;
for (var i = 0; i < fotoReeks.length; i ++){
fotoReeks[i] = 'images/foto' + i + '.jpg';
}
function toonFoto(){
document.images[0].src = fotoReeks[teller];
}
function fotoWissel(){
teller ++;
if (teller == fotoReeks.length){
teller = 0;
}
starten2 = setTimeout("toonFoto()", 2000);
starten1 = setTimeout("fotoWissel()", 2000);
}
function sluiten(){
clearTimeout(starten1);
}
//-->
</script>
</head>
<body onLoad="fotoWissel()">
<center><h3>Eurolaan</h3>
<img src="images/foto0.jpg">
<br /><br />
<button onClick="sluiten()">Stop</button></center>
</body>
</html>
<html> <head> <title>Eurolaan</title> <link href="../../Css/stijlblad.css" rel="stylesheet" type="text/css"> <script language="JavaScript" type="text/javascript"> <!-- fotoReeks = new Array(6);var teller = 0; for (var i = 0; i < fotoReeks.length; i ++){ fotoReeks[i] = 'images/foto' + i + '.jpg'; } function toonFoto(){ document.images[0].src = fotoReeks[teller]; } function fotoWissel(){ teller ++; if (teller == fotoReeks.length){ teller = 0; } starten2 = setTimeout("toonFoto()", 2000); starten1 = setTimeout("fotoWissel()", 2000); } function sluiten(){ clearTimeout(starten1); } //--> </script> </head> <body onLoad="fotoWissel()"> <center><h3>Eurolaan</h3> <img src="images/foto0.jpg"> <br /><br /> <button onClick="sluiten()">Stop</button></center> </body> </html>
:o
vinTage was here (met code tags)
|