![[HaBo]](/styles/default/logoklein.png){kind=small}
Hallo,
ich versuche derzeit folgendes zu realisieren:
Wenn man über einen bestimmten Text fährt, soll an einer Stelle auf der Seite ein dazu passendes Bild angezeigt werden.
Stellt euch das so vor:
In einer linken Spalte stehen Namen, wenn man über einen Namen fährt, soll in der rechten Spalte das zugehörige Bild angezeigt werden.
mit folgendem Code habe ich das eigentlich schon fast so hingebracht, wie ich es gerne hätte.
Ich habe nur noch ein Problem.
Das Bild im Div-Container wird beim Seitenaufruf sofort angezeigt.
Erst wenn ich das erste mal über den Text und dann wieder aus dem Text rausfahre reagiert der eigentliche onmouseover-Effekt.
Warum das so ist, ist mir klar.. weil der DIV-Container welcher das Bild beinhaltet zunächst einfach mal geladen wird... und erst verschwindet bzw. wieder auftaucht sobald onmouseover aktiv wird.
Ich weiß aber nicht, was ich dagegen tun kann...
Ich will, dass das Bild am Anfang nicht sichtbar ist, und erst sichtbar wird, sobald man mit der Maus auf den entsprechenden Text fährt.
Was kann ich da machen?
Vielen Dank und viele Grüße
ich versuche derzeit folgendes zu realisieren:
Wenn man über einen bestimmten Text fährt, soll an einer Stelle auf der Seite ein dazu passendes Bild angezeigt werden.
Stellt euch das so vor:
In einer linken Spalte stehen Namen, wenn man über einen Namen fährt, soll in der rechten Spalte das zugehörige Bild angezeigt werden.
mit folgendem Code habe ich das eigentlich schon fast so hingebracht, wie ich es gerne hätte.
Code:
<span onmouseover="document.getElementById('bild').style.visibility='visible'" onmouseout="document.getElementById('bild').style.visibility='hidden'">
<div id="bild" style="position: absolute; left: 500px; top: 400px; border-width: 0px;"><img src="bild.jpg" border="0" /></div>
<strong>TEXT</strong></span> <br />Das Bild im Div-Container wird beim Seitenaufruf sofort angezeigt.
Erst wenn ich das erste mal über den Text und dann wieder aus dem Text rausfahre reagiert der eigentliche onmouseover-Effekt.
Warum das so ist, ist mir klar.. weil der DIV-Container welcher das Bild beinhaltet zunächst einfach mal geladen wird... und erst verschwindet bzw. wieder auftaucht sobald onmouseover aktiv wird.
Ich weiß aber nicht, was ich dagegen tun kann...
Ich will, dass das Bild am Anfang nicht sichtbar ist, und erst sichtbar wird, sobald man mit der Maus auf den entsprechenden Text fährt.
Was kann ich da machen?
Vielen Dank und viele Grüße