OnMouseOver <- text soll bei berührung eines bildes erscheinen...

[LinuxDau]

Hi,
also ich brauche umbedingt ein MouseOver, hier mal ne erklärung, was genau:

[Link-Bild1]
[Link-Bild2]
[Link-Bild3]
[Link-Bild4]
[Link-Bild5]

[TEXT]

Also, so in etwa soll's aussehen...
Wenn ich jetz mit der maus auf [Link-Bild1] gehe, soll bei [TEXT] z.B. 'Über mich' stehen, und bei [Link-Bild2] soll dann bei [TEXT] z.B. 'Downloads' stehen, etc...
Ihr wisst ja sicher, wie ich das meine...
und wenn man dann auf dem bild ist, soll es sich auch verändern...

Also hier mal kurz und knapp:
1.)OnMouseOver -> Text anzeigen
und
2.)OnMouseOver -> Anderes bild anzeigen
und
3.)Die Bilder sollen Links sein.
(Alles in einem)
Davor und danach, also wenn man nicht auf einem der Bilder ist, soll sich [TEXT] (wieder) zu 'Information' verändern...

Ich hoffe, Ihr könnt mir helfen...
Danke schonmal!
ciao

 

[Adam Wille]

Das gibt's heute aber nur, weil ich eigentlich die 2500 noch schaffen wollte.

<script type="text/javascript" language="JavaScript">
<!--

function textAndPic(obj, text, pic) {
    document.getElementById("bla").firstChild.nodeValue = text;
    obj.firstChild.setAttribute('src', pic);
}

//-->
</script>

mit etwaig so aussehendem Aufbau der Links:

<a href="bla1.html" onMouseOver="textAndPic(this, 'blubb1', 'ersatzbild1.jpg');" onMouseOut="textAndPic(this, 'Information', 'bild1.jpg');"><img src="bild1.jpg" width="30" height="30"></a><br>
<a href="bla2.html" onMouseOver="textAndPic(this, 'blubb2', 'ersatzbild2.jpg');" onMouseOut="textAndPic(this, 'Information', 'bild2.jpg');"><img src="bild2.jpg" width="30" height="30"></a><br>
<a href="bla3.html" onMouseOver="textAndPic(this, 'blubb3', 'ersatzbild3.jpg');" onMouseOut="textAndPic(this, 'Information', 'bild3.jpg');"><img src="bild3.jpg" width="30" height="30"></a><br>
<div id="bla">Information</div>

Ein neueren Browser ist hierbei aber Pflicht, denn das DOM muss schon dazu in gewissem Maße unterstützt werden.

hth und Grüßle kurz vor der Geisterstunde,
Geist

 

[LinuxDau]

Danke!

Hat zwar ne weile gedauert, aber hier is meine Antwort:
Vielen dank!
Ist genau das, was ich gesucht habe!!!
dankeschön...
ciao

 

[Adam Wille]

Das freut mich aber, dass doch noch Feedback kommt.

Vermisst man manchmal, aber ich will ja hier nicht den Eingeschnappten oder Sentimentalen raushängen lassen.

Gruß,
Geist

 

[LinuxDau]

...und wenn wir schonmal dabei sind... *g*

Re, bin wieder da... (ups, is ja garkein chat... egal!)
Also, ich habs jetze so:

[Link-Bild1]
[Link-Bild2]
[Link-Bild3]
[Link-Bild4]
[Link-Bild5]

[BILD]
[TEXT]

Aber ich will, dass es so aussieht, also BILD und TEXT sollen nebeneinander, allerdings soll das BILD immer da sein, egal ob man über eine Link-Bild fährt, oder nicht, verstanden? (ich frag immer lieber nach *g). Momentan ist es wie auf der Oberen abbildung, und ich bekomme es einfach nicht nebeneinander... ich weiss nicht, warum *heul*

Also so soll es dann aussehen:

[Link-Bild1]
[Link-Bild2]
[Link-Bild3]
[Link-Bild4]
[Link-Bild5]

[BILD][TEXT]

Frage: Wie bekomme ich [BILD] und [TEXT] direkt nebeneinander?

Bis denne...
LinuxDau

P.S:
Unter den ersten 10 Einsendungen wird ein Feedback verlost!
Schickt einfach an den Tiegerenten-Club...
Ach quatsch... danke für eure (kommenden) antworten!
'tschau

 

[Adam Wille]

div-Elemente erzeugen einen Zeilenumbruch, span-Elemente hingegen keinen.

Gruß,
Geist

 

[Fabian H]

<div style="display:inline;">...</div>

So erzeugen sie keinen

 

[Suchfunktion]

Ahja!!!

So, hab mir jetz nen neuen Nick zugelegt
LinuxDau -> Suchfunktion
Also, danke für die antworten, das mit span benutze ich... danke nochmal!
ciao