Grafiken mit onMouseover

[Darth Anubis]

Hallo

ich bräuchte mal dringend hilfe

ich will auf einer website ein gruppenbild einbauen, und wenn man mit dem mauszeiger rüberfährt soll dazu ein kleines fenster(kein popup)erscheinen mit wo infos draufstehen wie name, stadt, lieblingsessen etc.
Es soll so ausseheh wie auf newvideoipod4free.com, ich blick aber bei dem dortigen quelltext nich durch.

thx

[Kalle_B]

Hallo

ich will auf einer website ein gruppenbild einbauen, und wenn man mit dem mauszeiger rüberfährt soll dazu ein kleines fenster(kein popup)erscheinen mit wo infos draufstehen wie name, stadt, lieblingsessen etc.

Hier ein Beispiel nicht mit Javascript, sondern mit CSS:
http://www.aktivferien.de/tm3/v3/aussteller_a.htm

Fahre mit der Maus über die Spaltenüberschriften, z.B. die Spalte anw.

Es wurde die Klasse .infobox von http://www.1ngo.de/web/infobox.html verwendet.

Von der Technik her müssten sich da auch Grafiken einbinden lassen. Die CSS- Klasse .infobox findest du in
http://www.aktivferien.de/tm3/v3/css/v3_layout.css

Hat den Vorteil, dass das auch bei ausgeschaltetem Javascript funzt

Kalle

[Gunnar Bittersmann]

Hello out there!

Hier ein Beispiel nicht mit Javascript, sondern mit CSS

Funktioniert aber nicht bei Image-Maps. Ich wüsste nicht, wie man fürs area-Element Infoboxen anzeigen lassen können sollte. (Das title-Attribut funktioniert allerdings auch für area, darin sind aber in manchen Browsern keine Zeilenumbrüche möglich.)

Und deswegen das Bild zerschneiden, halte ich auch nicht für günstig, da würde ich eine JavaScript-Lösung vorziehen: onmouseover- und onmouseout-Eventhandler für die area-Elemente. JavaScript-freie Alternative: Clicks auf die Bereiche führen zu Ressourcen mit denselben Informationen.

See ya up the road,
Gunnar