Rollover Spezial

[beigelsdschungel]

Hallo zusammen,

hoffe ihr könnt einem html Anfänger weiterhelfen.

Ich habe eine Tabelle mit einigen Fotos und möchte folgenden Effekt erinbauen: wenn man mit der Maus über ein Bild fährt, dass in einem Schriftfeld unter den Bildern eine Information zu den Bildern steht.

Ich weiss nicht ob das mit html möglich ist?

Währe super, wenn ihr mir da weiterhelfen könnt.

Gruß
beigelsdschungel

 

[yoshi95]

Geht nur mit Javascript:

Header:

<script type="text/javascript">
function rollover() {
document.getElementById('absatz').innerHTML = 'Dein Text';
}
</script>

Body:

<img src="bild" onmouseover="rollover()"><br>
<p id="absatz"></p>

 

[shade]

Das funktioniert aber nur mit einem Bild, was ist wenn ich 10 Bilder hab und je dazu einen eigenen Text. Wie stell ich das dann an!?

 

[HTMLehrling]

Header:

<script type="text/javascript">
function rollover(klaus,hans) {
document.getElementById(hans).innerHTML = klaus;
}
</script>

Body:

<img src="bild" onmouseover="rollover('text für bild','absatz1')"><br>
<p id="absatz1"></p>

 

[shade]

Schönen Dank, nur mal so zum besseren Verständniss die Erklärung

 <script type="text/javascript">
function rollover(klaus,hans) {                   //-> ist die Anzahl
document.getElementById(hans).innerHTML = 'Text';  //so verbinde ich Effekt mit Text
</script>

 

[shade]

ne Frage hätte ich jetzt noch dazu!
Unzwar wenn ich den Effekt angewendet habe,
bleibt der Text immer noch stehen und geht nicht wieder weg.
Wie bekommt man das jetzt noch hin!?

 

[threadi]

Indem du onmouseout noch ergänzt:

<img src="bild" onmouseover="rollover('text für bild','absatz1')" onmouseout="rollover('','absatz1')">

 

[shade]

Ich hab noch ein Problem, unzwar wenn ich jetzt auf
Bild1 "klicke" dann kommt auch der Text von Bild2.
Warum das denn!?