neue anzeige

[cinpix]

hi!
Ich will folgendes machen:
Wenn ich über eine Grafik, die als Link dient, mit der Maus fahre, soll die Grafik verschwinden und dahinter ein kleiner Text/Wort(ebenfalls link) angezeigt werden!
Wie lauten die Befehle für solch ein Vorhaben?
hope 4 help
thx
grüße cinpix

 

[con-f-use]

Musst du mit JavaScript lösten:

<a href="test.html" onmouseover="this.innerHTML='Text'"><img src="bla.jpg"></span>

so steht allerdings der Text auch nach dem verlassen des selbigen noch da und das Bild kommt nicht mehr zurück. Mir ein wenig mehr Aufwand ließe sich diese Problem auch auch relativ unkompliziert lösen.

 

[cinpix]

aha..soweit kapiert, aber es wäre mir auch wichtig zu wissen, wie ich das dann wieder zurückbekomme!
Macht sich bitte jemand die Mühe/den Aufwand
dankedanke
mfg

 

[Gumbo]

Es gäb auch eine CSS-Lösung:

<a href="[…]" class="bsp"><img src="[…]" alt="" /><span>[…]</span></a>

a.bsp {
	display:		block;
	width:			200px;
	height:			50px;
}
a.bsp:link span,
a.bsp:visited span {
	display:		none;
}
a.bsp:hover span {
	display:		inline;
}
a.bsp:link img,
a.bsp:visited img {
	display:		inline;
}
a.bsp:hover img {
	display:		none;
}

Es muss nicht immer JavaScript sein.

 

[con-f-use]

Ach verdammt, hätte auch dran denken können, dass einfach mouseover-effekte auch mit css2 zu lösen sind. Wie auch immer, deine Variante funktioniert bei mir im IE gar nicht und im Mozilla flackert das ganze so komisch, wenn man den Mauszeiger drauf bewegt
Du hast also wohl irgentwas falsch gemacht - auch wird bei beiden der Text nicht angezeigt.

 

[Gumbo]

Es hatte etwas mit der Reihenfolge der Pseudoklassen zu tun, ich hab's nun geändert.