hallo,

heeft iemand misschien een javascriopt of php script voor me als ik op een link ga staan met de muis. dat er dan een plaatje boven uit de link komt waar je op staat. ben hier naar op zoek maar vind niks.
vast bedankt,
groetjes
edwin
moet je zoeken op onMouseOver
Moet dat plaatje op dezelfde plek komen te staan? Of onder de muisaanwijzer? In het eerste geval kan het vrij gemakkelijk met css...
het plaatje moet boven de link uit komen. dus als je op de link staat dan dat het plaatje tevoorschijn komt. ik ben al bezig geweest met onmouseover maar kan dan niet combineren met een link. misschien dat ik wat verkeerd doe.
je wil met je muis over een link bewegen en er moet dan een plaatje tevoorschijn komen?

ik denk dat je dan toch in de richting van javascript moet gaan denken.

Ik heb het zelf ook nodig voor mijn website dus ik ga er ook wel even naar zoeken :)
<span
onMouseOver="plaatje1.style.visibility='hidden'"
onMouseOut="plaatje1.style.visibility='visible'">

<img src="1.gif" id="plaatje1">
</span>

dit is wat ik nu gevonden heb. maar nu moet ik het met een link combineren
Ik zou het eens zo proberen, kan je hem nog kopiƫren ook.

<span
onmouseover="this.getElementsByTagName('img').item(0).style.visibility = 'hidden'"
onmouseout="this.getElementsByTagName('img').item(0).style.visibility = 'visible'"
>
<img src="1.gif"/>
</span>
alleen dan moet je wel hidden en visible wisselen. bedoeling is dat alleen het plaatje tevoorschijn komt al je op de links staat.

alleen nu heb ik nog een probleem. ik heb dit script dan op de index.php staan als test. ga ik naar index.php dan staan de plaatjes er nog. ga ik er voor de eerste keer met de muiswijzer over heen dan verdwijnen ze pas. dit moet eigenlijk al op het begin zijn.

???????

iemand een idee hoe dit moet.
onload="this.getElementsByTagName('img').item(0).style.visibility = 'hidden'"
Ja, op deze manier kan het, maar dan krijg je wel HTML en JavaScript door elkaar. Net zoals je HTML en CSS kunt scheiden, kun je ook HTML en JavaScript scheiden. Je kunt ze beter meteen in je CSS hidden maken en op een onmouseover zichtbaar maken.

Reageren