1 div ipv 3 laten zien
Hoe krijg ik de code zo dat hij begint met 1 plaatje
het gedeelte waar die het weer geeft:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<div id="laatstenieuwsmidden">
<table width="596" align="left">
<tr>
<td width="375" align="left">
<div id="tab1">
<img src='images/newsplaatjes/1.jpg' height="250">
</div>
<div id="tab2">
<img src='images/newsplaatjes/4.jpg' height="250">
</div>
<div id="tab3">
<img src='images/newsplaatjes/3.jpg' height="250">
</div>
</td>
<td width="221" align="right">
<a class="list" onmouseover="show('1')"><h1>Kans op periode titel Meerburg 1 !!!</h1></a>
<hr />
<a class="list" onmouseover="show('2')"><h1>Docos kampioen</h1></a>
<hr />
<a class="list" onmouseover="show('3')"><h1>Meerburg wint van Haagse Hout (2-3)</h1></a>
</td>
</tr>
</table>
</div>
<table width="596" align="left">
<tr>
<td width="375" align="left">
<div id="tab1">
<img src='images/newsplaatjes/1.jpg' height="250">
</div>
<div id="tab2">
<img src='images/newsplaatjes/4.jpg' height="250">
</div>
<div id="tab3">
<img src='images/newsplaatjes/3.jpg' height="250">
</div>
</td>
<td width="221" align="right">
<a class="list" onmouseover="show('1')"><h1>Kans op periode titel Meerburg 1 !!!</h1></a>
<hr />
<a class="list" onmouseover="show('2')"><h1>Docos kampioen</h1></a>
<hr />
<a class="list" onmouseover="show('3')"><h1>Meerburg wint van Haagse Hout (2-3)</h1></a>
</td>
</tr>
</table>
</div>
Het stukje javascript wat ik in de Head gebruik
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
function show(id) {
for(var i=1;i <= 3;i++) {
if (id == i) {
var display = 'block';
}
else {
var display = 'none';
}
document.getElementById('tab'+i).style.display = display;
}
}
</script>
function show(id) {
for(var i=1;i <= 3;i++) {
if (id == i) {
var display = 'block';
}
else {
var display = 'none';
}
document.getElementById('tab'+i).style.display = display;
}
}
</script>
Code (php)
1
2
3
2
3
window.onload = function() {
show(1);
}
show(1);
}