grootbeeld

JavaScripts knippen en plakken

Op deze website vind je javascripts die je door eenvoudig knippen en plakken aan jouw site kunt toevoegen.

Home CSS DHTML Forum E-mail Sitezoeker Links

Groot beeld

Plaats je de muiswijzer op een beeldje, dan wordt de grote afbeelding getoond.
Neem je de muiswijzer weg, dan verdwijnt de grote afbeelding.

1. Kopieer deze code en plaats ze in het HEAD-gedeelte van je pagina :

<script type="text/javascript">
function maakLayer1() { if (NS) {
document.write('<ILAYER>');
document.write('<LAYER id="vb1" visibility="hide" z-index="10" onMouseOver="toonLayer(vb1)" onMouseOut="verbergLayer(vb1)">');
document.write('<IMG src="foto1.jpg" border="0">');
document.write('</LAYER>');
document.write('<LAYER visibility="show" z-index="5" onMouseOver="toonLayer(vb1)" onMouseOut="verbergLayer(vb1)">');
document.write('<IMG src="foto1.jpg" border="0" width="44" height="30">');
document.write('</LAYER>');
document.write('</ILAYER>');
}
if (IE) {
document.write('<DIV id="vb1" style="position: absolute; visibility: hidden; z-index: 10" onMouseOver="toonLayer(vb1)" onMouseOut="verbergLayer(vb1)">');
document.write('<IMG src="foto1.jpg" border="0">');
document.write('</DIV>');
document.write('<IMG src="foto1.jpg" border="0" onMouseOver="toonLayer(vb1)" width="44" height="30">');}
}
</script>

<script type="text/javascript">
function maakLayer2() { if (NS) {
document.write('<ILAYER>');
document.write('<LAYER id="vb2" visibility="hide" z-index="10" onMouseOver="toonLayer(vb2)" onMouseOut="verbergLayer(vb2)">');
document.write('<IMG src="foto2.jpg" border="0">');
document.write('</LAYER>');
document.write('<LAYER visibility="show" z-index="5" onMouseOver="toonLayer(vb2)" onMouseOut="verbergLayer(vb2)">');
document.write('<IMG src="foto2.jpg" border="0" width="44" height="30">');
document.write('</LAYER>');
document.write('</ILAYER>');
}
if (IE) {
document.write('<DIV id="vb2" style="position: absolute; visibility: hidden; z-index: 10" onMouseOver="toonLayer(vb2)" onMouseOut="verbergLayer(vb2)">');
document.write('<IMG src="foto2.jpg" border="0">');
document.write('</DIV>');
document.write('<IMG src="foto2.jpg" border="0" onMouseOver="toonLayer(vb2)" width="44" height="30">');}
}
</script>

<script type="text/javascript">
function maakLayer3() { if (NS) {
document.write('<ILAYER>');
document.write('<LAYER id="vb3" visibility="hide" z-index="10" onMouseOver="toonLayer(vb3)" onMouseOut="verbergLayer(vb3)">');
document.write('<IMG src="foto3.jpg" border="0">');
document.write('</LAYER>');
document.write('<LAYER visibility="show" z-index="5" onMouseOver="toonLayer(vb3)" onMouseOut="verbergLayer(vb3)">');
document.write('<IMG src="foto3.jpg" border="0" width="44" height="30">');
document.write('</LAYER>');
document.write('</ILAYER>');
}
if (IE) {
document.write('<DIV id="vb3" style="position: absolute; visibility: hidden; z-index: 10" onMouseOver="toonLayer(vb3)" onMouseOut="verbergLayer(vb3)">');
document.write('<IMG src="foto3.jpg" border="0">');
document.write('</DIV>');
document.write('<IMG src="foto3.jpg" border="0" onMouseOver="toonLayer(vb3)" width="44" height="30">');}
}
</script>

<script type="text/javascript">
function maakLayer4() { if (NS) {
document.write('<ILAYER>');
document.write('<LAYER id="vb4" visibility="hide" z-index="10" onMouseOver="toonLayer(vb4)" onMouseOut="verbergLayer(vb4)">');
document.write('<IMG src="foto4.jpg" border="0">');
document.write('</LAYER>');
document.write('<LAYER visibility="show" z-index="5" onMouseOver="toonLayer(vb4)" onMouseOut="verbergLayer(vb4)">');
document.write('<IMG src="foto4.jpg" border="0" width="44" height="30">');
document.write('</LAYER>');
document.write('</ILAYER>');
}
if (IE) {
document.write('<DIV id="vb4" style="position: absolute; visibility: hidden; z-index: 10" onMouseOver="toonLayer(vb4)" onMouseOut="verbergLayer(vb4)">');
document.write('<IMG src="foto4.jpg" border="0">');
document.write('</DIV>');
document.write('<IMG src="foto4.jpg" border="0" onMouseOver="toonLayer(vb4)" width="44" height="30">');}
}
</script>

<script type="text/javascript">
function maakLayer5() { if (NS) {
document.write('<ILAYER>');
document.write('<LAYER id="vb5" visibility="hide" z-index="10" onMouseOver="toonLayer(vb5)" onMouseOut="verbergLayer(vb5)">');
document.write('<IMG src="foto5.jpg" border="0">');
document.write('</LAYER>');
document.write('<LAYER visibility="show" z-index="5" onMouseOver="toonLayer(vb5)" onMouseOut="verbergLayer(vb5)">');
document.write('<IMG src="foto5.jpg" border="0" width="44" height="30">');
document.write('</LAYER>');
document.write('</ILAYER>');
}
if (IE) {
document.write('<DIV id="vb5" style="position: absolute; visibility: hidden; z-index: 10" onMouseOver="toonLayer(vb5)" onMouseOut="verbergLayer(vb5)">');
document.write('<IMG src="foto5.jpg" border="0">');
document.write('</DIV>');
document.write('<IMG src="foto5.jpg" border="0" onMouseOver="toonLayer(vb5)" width="44" height="30">');}
}
</script>

2. Kopieer deze code en plaats ze in het BODY-gedeelte van je pagina :

Copyright: Het internet is van iedereen, de volledige inhoud van deze site kan door iedereen vrij gebruikt worden.