beim hovern auf verschiedenen bildern verschiedener text auf EINER position

[XraYSoLo]

hi zusammen und schönen sonntag,

ich habe auf einer wesbeite eine ansammlung von neun bildern in einem quadrat.
jedem bild soll ein text zugeordnet werden, der immer an EINER stelle erscheinen soll, wenn man über eines der bilder fährt.
also: die position der texte soll sich nicht verändern, nur der text selber.
kann mir jemand sagen, wie das anzustellen ist?
thx schonmal

Nils aka XraYSoLo

 

[Bleistift]

Hallo,
du könntest den Text in einem Textfeld anzeigen. Dann verändert sich zwar das Layout(vielleicht stört der Rand vom Textfeld) aber vielleicht kriegt man das mit CSS wieder hin.
mfg Bleistift
​

 

[Gelöschtes Mitglied 3007]

texte[] = 'text 1';
texte[] = 'text 2';
texte[] = 'text 3';

function changeText(index, target)
{
    document.getElementById(target).innerHTML = texte[index];
}

<img src="bild/und.so" onMouseOver="javascript: changeText(0, 'textDiv')">
<img src="bild/und.so" onMouseOver="javascript: changeText(1, 'textDiv')">
<img src="bild/und.so" onMouseOver="javascript: changeText(2, 'textDiv')">

<div id="textDiv">Standard Text</div>

so irgendwie sollte es gehen ^^

 

[XraYSoLo]

genau so, danke ;-).

Nils aka XraYSoLo