Zum Inhalt springen

Rollover Mouseover hover Image Picture

Erstellt am 6. März 2007 · Noch keine Antworten

Tags: Frage

schilkschi ·

huhu

Vorab muss ich sagen das ich das Forum ziemlich hilfreich finde. Habe jetzt schon dutzende Probleme gelöst, aber diesmal keine Antwort gefunden (zumindest keine einfache).

Mein Anliegen ist folgendes:
Ich möchte ein Bild einfügen welches bei Mauskontakt zu einem anderen Bild faded oder einfach umspringt. Stichwort Mouseover.

Ich weiß wie ich das ganze in javascript erledige oder in einem GMENU. Aber gibt es denn keine möglichkeit das via CSS zu machen oder noch einfacher?

Naja ich weiß zwar wie ich das in java schreibe aber nicht wie ich ein java code einbauen kann in typo3 Umgebung.

Bin jetzt nicht so der hero in typo3. Also bitte verständlich ausdrücken und nicht so viel mit Fachbegriffen umwerfen 😢

Thx schonma im Vorraus!
http://www.kellerkinder-united.de/

---------- EDIT -----------
CSS DATEI

.box a .g { display:none; }
.box a:hover .g { display:block; }
.box a .ng { display:block; }
.box a:hover .ng { display:none; }

HTML CODE

<div class="box">
<a href="VERWEIS">
<span class="ng"><img alt="Home" width="175" height="30" border="0" src="BILD1" /></span>
<span class="g"><img alt="Home" width="175" height="30" border="0" src="BILD2" /></span>
</a>
</div>