Html/css: Text- /Bildtausch

Hallo,

ist es möglich einen Text in einer Tabellenspalte mittels der onmouseover-Funktion ein Bild aufzurufen?

Beispiel: in Zeile 5 Spalte 3 steht „Hier ist ein Bild für Sie“ Sobald die Maus die Z5S3-Zelle berührt soll ein Bild eingeblendet werden.

Geht dies so, oder muß man aus dem Text erst ein Bild/Button gemacht werden.

Vielen Dank im Voraus

meilott

javascript=Bildtausch
Oder muss es undingt CSS sein ?
Du kannst mit der ommousover-function sowohl die Tabellenzelle ändern (Vordergrund, Hintergrund) oder auch ein absolut platziertes Elemnt anzeigen.

Moin,

Oder muss es undingt CSS sein ?

Das ist eine barrierefreie Lösung.

Du kannst mit der ommousover-function

Und wenn JavaScript abgeschaltet ist? Dann gehts nicht.

Gruß,
-Efchen

Moin,

ist es möglich einen Text in einer Tabellenspalte mittels der
onmouseover-Funktion ein Bild aufzurufen?

Wenn Du nach onmouseover fragst, bist Du im falschen Forum, denn das ist JavaScript. Das wäre nicht zu empfehlen, weil das bei abgeschaltetem JS nicht funktioniert. Je nachdem halt, wie wichtig das für Dich ist.
Ansonsten stimmt der Satz irgendwie nicht, aber die Antwort auf das, was ich vermute was Du meinst, lautet „ja“.
Man kann sowas aber auch barrierefrei mit CSS lösen.

Geht dies so, oder muß man aus dem Text erst ein Bild/Button
gemacht werden.

Das sowieso nicht. Den Eventhandler (oder bei der CSS-Variante die Pseudoklasse „:hover“) kannst Du in jedes Element einbauen. Egal ob das eine Tabellenzelle, ein Textabsatz oder ein span oder eine Überschrift oder ein Link ist.

Bei der CSS-Variante kannst Du mittels der Pseudoklasse „:hover“ Eigenschaften festlegen, die die Zelle dann haben soll, also z.B. auch ein background-image, das im Normalzustand nicht vorhanden ist.

Die CSS-Lösung ist zu bevorzugen.

Grüße,
-Efchen