Image visible / hidden

[snopsy]

Hi,

mal ne Frage. ist es möglich ein Bild anzuzeigen, bzw. auszublenden, je nach dem, ob ein Link überfahren wird? Ich habe mir das so gedacht:

Image, das einen Namen erhält und einen status (z.B. visible="false").

Wenn ich dann über einen Link gehe, gebe ich im <a href an, dass das Bild (Name des Bildes) visible="true" bekommt. Geht das irgendwie?

Oder evtl. mit einem Div-Tag um das Image rum?

Wenn ja, bitte Info mit genauem Code. Habe nämlich mit visible und visibility mal bißchen rumgespielt, aber nichts hinbekommen.

Danke & Gruß Snopsy

[Krain]

Was genau willst du machen?

Mit CSS lässt sich das recht leicht lösen!

a:link {background-image:url(...);

          background-repeat:no-repeat;

          padding-left:50px;

          }


a:hover {background-image:url(<anderes Bild>);

             background-repeat:no-repeat;

             padding-left:50px;

             }

<< ungetestet >>

Damit bekommst du vor deinem Link ein Bild, wenn du über den link fährst erscheint an der selben Stelle ein anderes Bild!

versuchs mal

gruss

markus

[kills]

oder mit JavaScript:

function toggleImage( sImage, sMode) {

   document.getElementById( sImage).style.visibility ) = sMode;

}

<a href='abc.htm' onMouseOver='toggleImage( "abc", "visible")' onMouseOut='toggleImage( "abc", "")'>link</a>

<img src='abc.gif' id='abc'/>

ungetestet!

Gruß,

Markus