Archief - html: rollover

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

InFerNo

Legacy Member
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

servi

Legacy Member
<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

InFerNo

Legacy Member
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

servi

Legacy Member
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>

InFerNo

Legacy Member
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 :P

:niceone:
thx servi, noizy en de rest
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan