Graag wil ik volgende javascript veranderen http://users.skynet.be/javascript/images/thumbnails.htm
ipv dat hij links getoond wordt wil ik dat hij centraal wordt weergegeven.
code
<head>
<!-- De waarde bij top en left bepaalt de plaats van de grote afbeelding -->
<style type='text/css'>
.plaatje
{
position:absolute;
top:200;
left:328;
visibility:hidden;
}
</style>
<script type="text/javascript">
<!-- Hier geef je elke afbeelding een ID-naam -->
var AfbeeldingenArray = new Array()
AfbeeldingenArray[0]='f1'
AfbeeldingenArray[1]='f2'
AfbeeldingenArray[2]='f3'
AfbeeldingenArray[3]='f4'
AfbeeldingenArray[4]='f5'
var AantalAfbeeldingen=AfbeeldingenArray.length
function tonen(divId){
for(i=0;i<AantalAfbeeldingen;i++){
if(AfbeeldingenArray.indexOf(divId)==0){
document.getElementById(divId).style.visibility="visible";
AfbeeldingenArray=divId+"+1";
break}}}
function verbergen(divId){
for(i=0;i<AantalAfbeeldingen;i++){
if(AfbeeldingenArray.indexOf(divId)==0){
document.getElementById(divId).style.visibility="hidden";
AfbeeldingenArray=divId;
break}}}
function AllesVerbergen(){
for(i=0;i<AantalAfbeeldingen;i++){
if(AfbeeldingenArray.indexOf("+1")>0){
divId=AfbeeldingenArray.substr(0,AfbeeldingenArray.length-2);
document.getElementById(divId).style.visibility="hidden";
AfbeeldingenArray=divId;
}}}
function Toon(dezeAfbeelding){AllesVerbergen();tonen(dezeAfbeelding)}
function Verberg(dezeAfbeelding){AllesVerbergen();}
</script>
</head>
<body>
<center>
<img src="../pics/foto1.jpg" width= 40 height= 30 onmouseover="Toon('f1')">
<img src="../pics/foto2.jpg" width= 40 height= 30 onmouseover="Toon('f2')">
<img src="../pics/foto3.jpg" width= 40 height= 30 onmouseover="Toon('f3')">
<img src="../pics/foto4.jpg" width= 40 height= 30 onmouseover="Toon('f4')">
<img src="../pics/foto5.jpg" width= 40 height= 30 onmouseover="Toon('f5')">
</center>
<div id="f1" class="plaatje">
<img src="../pics/foto1.jpg" onload="Toon('f1')"><br>
<center>Als antwoord op een vaak terugkerende vraag.</center>
</div>
<div id="f2" class="plaatje">
<img src="../pics/foto2.jpg"><br>
<center>Deze tekst hoort bij foto2.</center>
</div>
<div id="f3" class="plaatje">
<img src="../pics/foto3.jpg"><br>
<center>Een tekst bij foto 3.</center>
</div>
<div id="f4" class="plaatje">
<img src="../pics/foto4.jpg"><br>
<center>Uitleg bij foto 4.</center>
</div>
<div id="f5" class="plaatje">
<img src="../pics/foto5.jpg"><br>
<center>Deze tekst en uitleg hoort bij foto 5.</center>
</div>
</body>
ipv dat hij links getoond wordt wil ik dat hij centraal wordt weergegeven.
code
<head>
<!-- De waarde bij top en left bepaalt de plaats van de grote afbeelding -->
<style type='text/css'>
.plaatje
{
position:absolute;
top:200;
left:328;
visibility:hidden;
}
</style>
<script type="text/javascript">
<!-- Hier geef je elke afbeelding een ID-naam -->
var AfbeeldingenArray = new Array()
AfbeeldingenArray[0]='f1'
AfbeeldingenArray[1]='f2'
AfbeeldingenArray[2]='f3'
AfbeeldingenArray[3]='f4'
AfbeeldingenArray[4]='f5'
var AantalAfbeeldingen=AfbeeldingenArray.length
function tonen(divId){
for(i=0;i<AantalAfbeeldingen;i++){
if(AfbeeldingenArray.indexOf(divId)==0){
document.getElementById(divId).style.visibility="visible";
AfbeeldingenArray=divId+"+1";
break}}}
function verbergen(divId){
for(i=0;i<AantalAfbeeldingen;i++){
if(AfbeeldingenArray.indexOf(divId)==0){
document.getElementById(divId).style.visibility="hidden";
AfbeeldingenArray=divId;
break}}}
function AllesVerbergen(){
for(i=0;i<AantalAfbeeldingen;i++){
if(AfbeeldingenArray.indexOf("+1")>0){
divId=AfbeeldingenArray.substr(0,AfbeeldingenArray.length-2);
document.getElementById(divId).style.visibility="hidden";
AfbeeldingenArray=divId;
}}}
function Toon(dezeAfbeelding){AllesVerbergen();tonen(dezeAfbeelding)}
function Verberg(dezeAfbeelding){AllesVerbergen();}
</script>
</head>
<body>
<center>
<img src="../pics/foto1.jpg" width= 40 height= 30 onmouseover="Toon('f1')">
<img src="../pics/foto2.jpg" width= 40 height= 30 onmouseover="Toon('f2')">
<img src="../pics/foto3.jpg" width= 40 height= 30 onmouseover="Toon('f3')">
<img src="../pics/foto4.jpg" width= 40 height= 30 onmouseover="Toon('f4')">
<img src="../pics/foto5.jpg" width= 40 height= 30 onmouseover="Toon('f5')">
</center>
<div id="f1" class="plaatje">
<img src="../pics/foto1.jpg" onload="Toon('f1')"><br>
<center>Als antwoord op een vaak terugkerende vraag.</center>
</div>
<div id="f2" class="plaatje">
<img src="../pics/foto2.jpg"><br>
<center>Deze tekst hoort bij foto2.</center>
</div>
<div id="f3" class="plaatje">
<img src="../pics/foto3.jpg"><br>
<center>Een tekst bij foto 3.</center>
</div>
<div id="f4" class="plaatje">
<img src="../pics/foto4.jpg"><br>
<center>Uitleg bij foto 4.</center>
</div>
<div id="f5" class="plaatje">
<img src="../pics/foto5.jpg"><br>
<center>Deze tekst en uitleg hoort bij foto 5.</center>
</div>
</body>
