html onmouse tekst og billede

f.eks.

<div>
  <img src="pic1.gif" onmouseover="vis(this);" onmouseout="gem(this);">
  <span style="display:none;"><br>Her er en tekst</span>
</div>

<script type="text/javascript">
function vis(pic){
  pic.setAttribute("src","pic2.gif");
  pic.parentNode.getElementsByTagName("span")[0].style.display = "inline";
}
function gem(pic){
  pic.setAttribute("src","pic1.gif");
  pic.parentNode.getElementsByTagName("span")[0].style.display = "none";
}
</script>

-- absolut utestet, og så må du spørge, så du får en forståelse for hvad der sker !-)

hej, tusind tak, det virker - nästen!

Jeg har nemlig flere piktogrammer,(pic1a + pic1b, pic2a + pic2b osv) og det virker helt som önsket ved det förste. Indtil jeg ganske primitivt prövede at kopiere javascriptet en gang til, og lave det hele igen. Saa skifter pic1a til pic2b i stedet for pic1b....

Så prøv f.eks.

<div>
  <img src="pic1a.gif" onmouseover="vis(this);" onmouseout="gem(this);">
  <span style="display:none;"><br>Her er en tekst</span>
</div>

<script type="text/javascript">
function vis(pic){
  pic.setAttribute("src",pic.getAttribute("src").replace(/a\./,"b."));
  pic.parentNode.getElementsByTagName("span")[0].style.display = "inline";
}
function gem(pic){
  pic.setAttribute("src",pic.getAttribute("src").replace(/b\./,"a."));
  pic.parentNode.getElementsByTagName("span")[0].style.display = "none";
}
</script>

-- og så skal du kun have een script-blok !-)

roenvig du er genial!! Tak.

Hvis du har lyst at se resultatet: borgman.dk (siden findes endnu kun paa tysk, men resten kommer senere.)

roenvig du er genial!! Tak.

Hvis du har lyst at se resultatet: borgman.dk (siden findes endnu kun paa tysk, men resten kommer senere.)

Velbekomme '-)

PS. Du skal nok finde på nogen med noget bredde så den arkitektoniske intervention ikke laver ged i det !-)

I know, I know - det bliver näste omgang...