---
title: "Rollover Mouseover hover Image Picture"
url: "https://www.typo3.net/d/58921-rollover-mouseover-hover-image-picture"
source: "typo3.net"
tags: ["Allgemein","Frage","HTML & CSS"]
created: "2007-03-06"
last_reply: "2007-03-06"
replies: 0
solved: false
page: 1
pages: 1
lang: "de"
---

# Rollover Mouseover hover Image Picture

Allgemein · 0 Antworten · gestartet 2007-03-06

## Eröffnungsbeitrag

**schilkschi** · 2007-03-06 · [Beitrag #1](https://www.typo3.net/d/58921-rollover-mouseover-hover-image-picture/1)

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**

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

**HTML CODE**

```html
<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>
```

---

Quelle: „Rollover Mouseover hover Image Picture“, typo3.net, https://www.typo3.net/d/58921-rollover-mouseover-hover-image-picture
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.