Text erscheint

[newbe]

Hallo, ich möchte folgendes machen:

Wenn ein Besucher über ein Bild mit der Maus fährt, soll an einer vordefinierten Stelle ein Text zu jedem einzelnen Bild erscheinen.
Beispiel:
Ich fahre über ein Bild, auf dem eine Blume abgebildet ist und in dem vordefinierten Textbereich erscheint dann "Blume". Bei einem Bild mit einer Katze soll dann "Katze" erscheinen.
Wie geht das???

[H9k3]

Hallo

Hi

Wenn ein Besucher über ein Bild mit der Maus fährt, soll an einer vordefinierten Stelle ein Text zu jedem einzelnen Bild erscheinen.

Aber ich habe kein Bild mit der Maus. Darf ich trotzdem mitmachen?

Ich fahre über ein Bild, auf dem eine Blume abgebildet ist und in dem vordefinierten Textbereich erscheint dann "Blume".

Wenn ich über ein Bild fahre kommt bei mir überhaupt kein Text. Aber ich habe auch im Moment gar kein Auto. Fahrrad auch nicht.

Bei einem Bild mit einer Katze soll dann "Katze" erscheinen.

Ach soooo!

Wie geht das???

Nun, da gibt es viele Möglichkeiten.
Mit JavaScript (onMouseOver),
oder mit Layern (Div´s),
oder oder oder.
Was wäre dir denn am liebsten? Hast du schon JavaScripts in deiner Seite drin? Wenn nicht, dann solltest du das auch lassen!

Welchen Browser benutzt du?

[Elya]

Hallo,

Wenn ein Besucher über ein Bild mit der Maus fährt, soll an einer vordefinierten Stelle ein Text zu jedem einzelnen Bild erscheinen.

Wenn du es "klassisch" mit Javascript machen möchtest, müßtest Du Layer (divs) ein- und ausblenden. Stichwort "visibility". Der einzublendende Text kommt in ein positioniertes <div>, und das Bid erhält einen Link, in dem der Event-Handler "onMouseOver" eine Ein- Ausblendfunktion aufruft.

Dabei ist es bei Verwendung von älteren Browsern noch wichtig, verschiedene DOMs (--> nachlesen) zu unterstütze, weil nicht jeder Browser jedes Objekt unterstützt. Ein einfaches, aber sehr gut funktionierendes Script dazu hat mal Sven Rautenberg hier gepostet:

http://forum.de.selfhtml.org/archiv/2002/2/5424/#m30276

Alternativ kann man heute mit dem CSS-Pseudoelement :hover (ähnlich wie mouseover) eine ganze Menge netter Sachen anstellen (wenn Du keine Uralt-Browser unterstützen mußt.)

Dazu hat http://css.fractatulum.net/ ein schönes Beispiel auf seiner Seite. Wenn Du überhaupt keine Ahnung von Javascript und CSS hast, würde ich die Lernenergie eher auf die CSS-Lösung fokussieren, da Du damit mehr zukunftsgerichtet arbeitest und User ohne Javascript nicht ausschließt.

Viel Erfolg!

Gruss aus Koeln-Ehrenfeld,

Elya