---
title: "Rollover über gewrapptes Marker-Image"
url: "https://www.typo3.net/d/26848-rollover-ueber-gewrapptes-marker-image"
source: "typo3.net"
tags: ["Allgemein","Frage","HTML & CSS"]
created: "2005-07-05"
last_reply: "2005-07-06"
replies: 9
solved: false
page: 1
pages: 1
lang: "de"
---

# Rollover über gewrapptes Marker-Image

Allgemein · 9 Antworten · gestartet 2005-07-05

## Eröffnungsbeitrag

**Amelia** · 2005-07-05 · [Beitrag #1](https://www.typo3.net/d/26848-rollover-ueber-gewrapptes-marker-image/1)

Meine Frage des Tages:
Ich weise einem Marker ein Bild zu und verlinke dieses:

```typoscript
marks.M2.file = fileadmin/images/menu_projekte.jpg
marks.M2.wrap = <a href="/Typo3/dummy-3.8.0/?id=2"> |</a>
```

Ist es möglich da ein Rollover drüber zu machen ? - Dabei soll ein anderes Bild erscheinen....

## Antworten

### [#2](https://www.typo3.net/d/26848-rollover-ueber-gewrapptes-marker-image/2) · sortho · 2005-07-05

Ich mache so was über CSS
Z.B.

CSS:

```html
/* Definition des Hovereffekts beim Logo */   
a .msglogo {
display: none;
}

a:hover  .msglogo {
display: block;
}

a:hover  .msglink {
display: none;
}
/*Ende der Definition beim MSG-Logo */
```

und im HTML dann:

```html
<a href="http://www.msg.de/" target="_blank">
		<span class="msglink"><img src="fileadmin/Giltemplate/Gillardon_dateien/msg-Hinweis.jpg" name="button" alt="" border="0" height="24" width="300" /></span>
		<span class="msglogo"><img src="fileadmin/Giltemplate/Gillardon_dateien/msg-Hinweis_Logo.jpg" name="button" alt="" border="0" height="24" width="300" /></span>
```

Zuerst wird also das Bild mit dem der CSS-Class msglink angezeigt und sobald Du drüber gehst wird es ausgeblendet und msglogo angezeigt, einfach, gelle  :)

### [#3](https://www.typo3.net/d/26848-rollover-ueber-gewrapptes-marker-image/3) · toyde · 2005-07-05

genau - oder javascript direkt im img-tag..
Welche dhtml-Variante du bevorzugst ist dir überlassen =)

### [#4](https://www.typo3.net/d/26848-rollover-ueber-gewrapptes-marker-image/4) · Amelia · 2005-07-05

Also könnte ich quasi auch schreiben:

HTML:

```typoscript
<td>###M2###</td>
```

TS:

```typoscript
marks.M2.file = fileadmin/images/menu_projekte.jpg
marks.M2.wrap = <span class="anderesBild"><a href="/Typo3/dummy-3.8.0/?id=2"> |</a></span>
```

und im CSS:

```typoscript
a .anderesBild.hoover { background-image: url(fileadmin/images/menu_projekte.jpg_2); }
```

Richtig ???

### [#5](https://www.typo3.net/d/26848-rollover-ueber-gewrapptes-marker-image/5) · toyde · 2005-07-05

1. leider nein. Wenn du ein Background-image im CSS und ein img-Tag im HTML benutzt, wirst du vom Background-image nicht viel sehen, wenn das img-tag einfach darüber liegen bleibt.

2. es heisst hover mit einem "o", ned hoover ;P des is evtl. holländisch *smile*

### [#6](https://www.typo3.net/d/26848-rollover-ueber-gewrapptes-marker-image/6) · Amelia · 2005-07-05

Mmmhh das löst ja dann leider mein Problem nicht. Da ich es nur über die Marker machen kann/ muss, wenn dann !  :'(

### [#7](https://www.typo3.net/d/26848-rollover-ueber-gewrapptes-marker-image/7) · sortho · 2005-07-05

Klar geht das - Du musst halt zwei Marker setzen, in den ersten das ursprüngliche Bild, in den zweiten das Rolloverbild.

Und dann an das CSS anpassen. Schon müsste die Sache laufen  :)

### [#8](https://www.typo3.net/d/26848-rollover-ueber-gewrapptes-marker-image/8) · toyde · 2005-07-05

wieso überhaupt !?!?
Eine Klasse reicht doch! Ein Trick wäre doch **kein** img per HTML anzugeben, sondern nur einen nichthover- und einen hover-Background für die Klasse... Das Ganze klappt dann mit einem Marker!!

etwa so:

```html
.myHoverClass {
background-image: url(pfad/defaultBild.jpg);
}

.myHoverClass hover {
background-image: url(pfad/anderesBild.jpg);
}
```

so in der Art.

### [#9](https://www.typo3.net/d/26848-rollover-ueber-gewrapptes-marker-image/9) · Amelia · 2005-07-06

Okay. Das werd ich morgen mal probieren.. DANKE sofern :o)

### [#10](https://www.typo3.net/d/26848-rollover-ueber-gewrapptes-marker-image/10) · toyde · 2005-07-06

und sonst löst du es mit der JavaScript-Syntax via "onmouseover" und "onmouseout".

---

Quelle: „Rollover über gewrapptes Marker-Image“, typo3.net, https://www.typo3.net/d/26848-rollover-ueber-gewrapptes-marker-image
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.