---
title: "Rollover Image"
url: "https://www.typo3.net/d/110032-rollover-image"
source: "typo3.net"
tags: ["TYPO3","TypoScript","Frage"]
created: "2012-04-02"
last_reply: "2012-04-02"
replies: 1
solved: false
page: 1
pages: 1
lang: "de"
---

# Rollover Image

TYPO3 › TypoScript · 1 Antwort · gestartet 2012-04-02

## Eröffnungsbeitrag

**Pflegefall** · 2012-04-02 · [Beitrag #1](https://www.typo3.net/d/110032-rollover-image/1)

Hallo Gemeinde
vielleicht kann ja jemand helfen!

Ich möchte ein Image Rollover basteln.
Als Basis dafür habe ich ein JS von Dreamweaver genommen.
ich habe 2 Bilder auf dem Screen! Wenn ich auf das 1 Bild
gehe soll sich das 2 Bild in ein 3 Bild ändern.
Das funktioniert in HTmL schon ganz toll.
Nun bin ich hingegangen und habe in TypoScript das JavaScript includiert
Wird auch im Quelltext im Heaer angezeigt nur irgenwie läuft mein Rollover in Frontend nicht

<script type="text/javascript">
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[​i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[​i];}}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[​i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[​i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[​i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[​i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>

## Antworten

### [#2](https://www.typo3.net/d/110032-rollover-image/2) · Chrissli · 2012-04-02

[sarkasmus]
UUUIIII, TOLL
Nicht eingerückter Javascriptcode ohne die
überflüssigen Leerstellen im Code.
Zum Glück hast du nicht das Syntax-highlighting für Javascript aus
den Formatierungsbuttons benutzt, sonst hätte man ja fast was mit anfangen können.
[/sarkasmus]

Poste den Code doch bitte nochmal, leserlich.
Oder noch besser die URL auf der der Code läuft, den ein Javascript-Debugger unter
den Browser-Plugins ist doch ungemein nützlich.

---

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