Archief - html: rollover

wanneer ik met mijn muis over links ga op een website dan wordt daar een andere image geladen, het is eigenlijk dezelfde maar dan feller gemaakt, en als ik eraf ga dan komt de oude terug
zo zit het daar dus in mekaar

in de source zie ik dit:
<link rel="top" href="./pagina" title="titel" />

ik zoek dus iets gelijkends
ik heb hier al eens iets gepost voor m'n site
www.thecript.com

die zwarte 'knoppe'/letters moeten rood worden als ge erover gaat
de knoppe zijn gemaakt
ik weet alleen ni hoe 't moet ;s

http://wsabstract.com/mousewhipper/
daar kan je een code genereren

<a href="locatie.html"
onmouseover="document.getElementById('afbeelding').src='foto2.jpg'" onmouseout="document.getElementById('afbeelding').src='foto1.jpg'"
>
<img id="afbeelding" border="0" src="foto1.jpg" alt="foto" />
</a>


als de muis over die knop is krijg je foto2.jpg te zien, anders foto1.jpg

noizy zei:

http://wsabstract.com/mousewhipper/
daar kan je een code genereren

Klik om te vergroten...

kinda nice aangezien ik geen kloot javascript kan

ok ik heb eindelijk de tijd gehad om het te doen
Servi: da van u werkt alleen als er maar 1 image per pagina is denk ik want wanneer ik het met meerdere probeer licht alleen de eerste op

die andere werkt perfect, is wel veel code voor 6 knopkes
maar gelukkig moet de frame maar 1 keer laden

nu heb ik een ander probleem daarmee
http://www.thecript.com

er komt overal een spatieke tusse
da zou weg moete

en als dan alles nog ni goe uitlijnd dan ga ik wa knutselen met de sizes enzo

dat werkt WEL voor meerdere knoppen (in feite zelfs voor oneindig veel)

<a href="locatie.html"
onmouseover="document.getElementById('afbeelding1').src='foto2.jpg'" onmouseout="document.getElementById('afbeelding1').src='foto1.jpg'"
>
<img id="afbeelding1" border="0" src="foto1.jpg" alt="foto" />
</a>
<a href="locatie2.html"
onmouseover="document.getElementById('afbeelding2').src='fotooke2.jpg'" onmouseout="document.getElementById('afbeelding2).src='fotooke1.jpg'"
>
<img id="afbeelding2" border="0" src="fotooke1.jpg" alt="foto" />
</a>
<a href="locatie.html"
onmouseover="document.getElementById('afbeelding3').src='knop_over.gif'" onmouseout="document.getElementById('afbeelding3').src='knop.gif'"
>
<img id="afbeelding3" border="0" src="knop.gif" alt="foto" />
</a>

de img id was bij alle afbeelding1 so that was the prob
it's fully fixed zonder de spatiekes
het werkt zo (met die onMouse whipper thingie) en ik heb vandaag geen goesting om er nog langer aan te werke


thx servi, noizy en de rest