thumbnails 4

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

THUMBNAILS 4

Bij deze versie worden de afbeeldingen bij elke schermresolutie automatisch in het midden van het scherm afgebeeld.

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

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

<center>
<a href="foto1.jpg" onmouseover="return toon(event, this.href, 295, 207, 'De foto\'s worden bij elke resolutie steeds in het midden van het scherm afgebeeld.')">
<img src="foto1.jpg" height=30 width=40 border=0>
</a>
<a href="foto2.jpg" onmouseover="return toon(event, this.href, 295, 207, 'Je kunt er ook voor kiezen de foto\'s op een andere vaste plaats te laten weergeven.')">
<img src="foto2.jpg" height=30 width=40 border=0>
</a>
<a href="foto3.jpg" onmouseover="return toon(event, this.href, 295, 207, 'Het commentaar bij de foto\'s is optioneel.')">
<img src="foto3.jpg" height=30 width=40 border=0>
</a>
<a href="foto4.jpg" onmouseover="return toon(event, this.href, 442, 310, 'De foto\'s mogen verschillende afmetingen hebben, die zijn bij iedere foto afzonderlijk instelbaar.' )">
<img src="foto4.jpg" height=30 width=40 border=0>
</a>
<a href="foto5.jpg" onmouseover="return toon(event, this.href, 295, 414, 'De foto\'s kun je met ingedrukte muisknop verplaatsen.')">
<img src="foto5.jpg" height=30 width=40 border=0>
</a>
</center>

<div id="mijnLayer" style="position:absolute; visibility:hidden; left:0; top:0; z-index:1000"></div>

3. Download het bestand thumbnails4.js en plaats dit in dezelfde map.

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