probeer meerdere slideshows in een pagina te zetten, alleen werkt dat nog niet helemaal. Zou een van jullie zo vriendelijk willen zijn en even naar mijn code kunnen kijken. Wat doe ik nu precies fout?. thx
PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>Image change met start en stop button.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#container {
width:800px;
height:165px;
border:0px solid;
}
</style>
<script type="text/javascript">
var teller=1
var tussentijd = 1000
var plaatje=new Array()
plaatje[1] = new Image();plaatje[1].src ="CA_base_01.gif"
plaatje[2] = new Image();plaatje[2].src ="CA_base_02.gif"
plaatje[3] = new Image();plaatje[3].src ="CA_base_01.gif"
plaatje[4] = new Image();plaatje[4].src ="CA_base_03.gif"
var tekst=new Array()
tekst[1] = 'Tekst 1'
tekst[2] = 'Tekst 2'
tekst[3] = 'Tekst 3'
tekst[4] = 'Tekst 4'
function Auto(){
++teller;if(teller==plaatje.length){teller=1}
document.getElementById('venster').src=plaatje[teller].src
document.getElementById('venster2').innerHTML = tekst[teller]
TimerID = setTimeout("Auto()",tussentijd)}
function halt() {window.clearTimeout(TimerID)}
function verder() {setTimeout("Auto()",tussentijd)}
</script>
/// onder niet werkende copie van bovenstaand originele script. Geprobeerd de variablen aan te passen door toevoeging '2'
<script type="text/javascript">
var 2teller=1
var 2tussentijd = 1000
var 2plaatje=new Array()
2plaatje[1] = new Image();2plaatje[1].src ="CA_base_01.gif"
2plaatje[2] = new Image();2plaatje[2].src ="CA_base_02.gif"
2plaatje[3] = new Image();2plaatje[3].src ="CA_base_01.gif"
2plaatje[4] = new Image();2plaatje[4].src ="CA_base_03.gif"
var 2tekst=new Array()
2tekst[1] = 'Tekst2 1'
2tekst[2] = 'Tekst2 2'
2tekst[3] = 'Tekst2 3'
2tekst[4] = 'Tekst2 4'
function Auto(){
++2teller;if(2teller==2plaatje.length){2teller=1}
document.getElementById('2venster').src=2plaatje[2teller].src
document.getElementById('2venster2').innerHTML = 2tekst[2teller]
2TimerID = setTimeout("Auto()",2tussentijd)}
function 2halt() {window.clearTimeout(2TimerID)}
function 2verder() {setTimeout("Auto()",2tussentijd)}
</script>
</head>
<body>
<center><br><br>
<div id="container">
<img src="CA_base_01.gif" id="venster" alt="" width="800" height="165"><br>
<span id="venster2">Tekst venster2</span>
</div>
<br>
<button onclick="halt()">Stop</button>
<button onclick="verder()">Start</button>
</center>
<center><br><br>
<div id="container">
<img src="CA_base_02.gif" id="2venster" alt="" width="800" height="165"><br>
<span id="2venster2">Tekst 2venster2</span>
</div>
<br>
<button onclick="2halt()">Stop</button>
<button onclick="2verder()">Start</button>
</center>
</body></html>
Laatst bewerkt:
