JS gevorderde |
|
<script>
function switch(url)
{
document.getElementById("groteFoto").src = url;
}
</script>
<img id='groteFoto' /> <!-- grote img -->
<br />
<img onclick='switch("IMG00001.jpg")' src='IMG000001-thumb.jpg'>
<img onclick='switch("IMG00002.jpg")' src='IMG000002-thumb.jpg'>
<img onclick='switch("IMG00003.jpg")' src='IMG000003-thumb.jpg'>
<img onclick='switch("IMG00004.jpg")' src='IMG000004-thumb.jpg'>
<script> function switch(url) { document.getElementById("groteFoto").src = url; } </script> <img id='groteFoto' /> <!-- grote img --> <br /> <img onclick='switch("IMG00001.jpg")' src='IMG000001-thumb.jpg'> <img onclick='switch("IMG00002.jpg")' src='IMG000002-thumb.jpg'> <img onclick='switch("IMG00003.jpg")' src='IMG000003-thumb.jpg'> <img onclick='switch("IMG00004.jpg")' src='IMG000004-thumb.jpg'>
Ik heb het bovenstaande een beetje uitgewerkt, zodat je doorhebt hoe het in elkaar zit. Als je vragen hebt, je vraagt het maar. |