[HaBo]

Franzl · 25.03.10, 22:39

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.

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 />

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

Thunderb0lt · 25.03.10, 22:56

Setz' das CSS-Attribut, mit dem du den Container hinterher unsichtbar schaltest direkt beim Laden. Also einfach dem style-Attribut des div's hinzufügen.

Anzeige

- Anzeige -

Franzl · 25.03.10, 23:03

habe in der Style-Angabe des DIV-Containers folgendes hinzugefügt:
visibility:hidden; und es klappt....

Vielen DANK!!!

Anzeige

- Anzeige -

25.03.10, 22:39	#1 (permalink)
Franzl Registriert seit: 20.01.04 Likes: 0	ONMOUSEOVER - Text zu Bild! Anzeige 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. 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 /> 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

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

25.03.10, 22:56	#2 (permalink)
Thunderb0lt Registriert seit: 06.06.09 Likes: 6	Setz' das CSS-Attribut, mit dem du den Container hinterher unsichtbar schaltest direkt beim Laden. Also einfach dem style-Attribut des div's hinzufügen.

25.03.10, 23:03	#3 (permalink)
Franzl Themenstarter Registriert seit: 20.01.04 Likes: 0	habe in der Style-Angabe des DIV-Containers folgendes hinzugefügt: visibility:hidden; und es klappt.... Vielen DANK!!!

[HaBo]

ONMOUSEOVER - Text zu Bild!