Bei Mouseover einer Grafik einen Text woanders erscheinen lassen

**Monolith** · 17.01.2012 18:25

Hallo,

ich habe 4 Bilder nebeneinander, die eine Auswahlmöglichkeit darstellen sollen. Habe bereits einen normalen Mouseover Effekt für die Grafiken, die die Farbe verändern, sobald man mit der Maus über dieser ist. Nun würde ich aber gerne noch weitergehen und unter diesen 4 Bildern gleich noch einen Mouseover Effekt erstellen. Also, sobald ich über Auswahlmöglichkeit 1 bin soll unter den 4 Grafiken Beschreibung 1 erscheinen, bei Auswahlmöglichkeit 2 - Beschreibung 2. Habe das schonmal gesehen und finde das viel eleganter, als wenn ich für 3 Zeilen eine extra Verlinkung auf eine dann fast leere Seite mach. Wie bekomm ich das hin? Allgemein gesagt, brauch ich einen Mouseover Effekt, wenn ich über einer Grafik bin, der einen Text zeigt, der aber unter der Grafik sein soll. Die Grafik soll dabei nicht verschwinden. Ich hoffe jemand versteht mein Anliegen und kann mir da weiterhelfen

. Danke schonmal.

Liebe Grüße

**Marcus77** · 17.01.2012 23:28

Kannst du mit

"Image map" machen

**Ethlaegil** · 18.01.2012 08:19

Gib den 4 Bildern verschiedene Klassen und schreib den anzuzeigenden Text in einem <span> dahinter:

Code:

<img class="bild1" src="pfad zum bild" alt="...." /><span>Dein Text</span>

dann kannst du in der CSS Datei folgendes machen:

Code:

.bild1 + span {
display:none;
}

.bild1:hover + span {
display:block;
position:relative;
width:200px;
height:30px;
left:10px;
top:10px;
}

Für width, height, left, top natürlich passende Werte eintragen.

**Monolith** · 18.01.2012 10:01

danke, das war was ich gesucht habe!

Thema: Bei Mouseover einer Grafik einen Text woanders erscheinen lassen

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

Bei Mouseover einer Grafik einen Text woanders erscheinen lassen

Erhielt Danksagungen von:

Lesezeichen

Lesezeichen

Berechtigungen