---
title: "TS Imageswap"
url: "https://www.typo3.net/d/85920-ts-imageswap"
source: "typo3.net"
tags: ["TYPO3","TypoScript","Frage"]
created: "2009-01-19"
last_reply: "2009-01-25"
replies: 3
solved: false
page: 1
pages: 1
lang: "de"
---

# TS Imageswap

TYPO3 › TypoScript · 3 Antworten · gestartet 2009-01-19

## Eröffnungsbeitrag

**Christa Herzer** · 2009-01-19 · [Beitrag #1](https://www.typo3.net/d/85920-ts-imageswap/1)

Hallo Forum,

möchte genau wie in rggooglewap demonstriert einen Bildwechsel an einer bestimmten Stelle meiner Website darstellen.

Habe dazu den angegebenen Code eingefügt und um den entsprechenden Marker ergänzt, der die Stelle auf der Site markiert, wo die Bilder stehen sollen.

Aber - kein einziges Bild zu sehen.

Wo liegt der (Denk)fehler??

Schöne Grüße, Christa

```typoscript
page.stylesheet = fileadmin/user_upload/ledershop_angebot.css
page.10.template.file = fileadmin/user_upload/ledershop_angebot.html
# Marker grossfront ansprechen
page.10.marks {
grossfront = IMAGE 

grossfront {
lib.imageswap = COA
lib.imageswap {
# BIG IMAGE
1 = IMAGE
1 {
  file {
   maxW = 387
   maxH = 387

   import= uploads/media/
   import.data = levelmedia: -1,slide
   import.listNum = 0
   import.override.field = media
  }
  params = name="image_big" class="bigimg"
}

# SMALL THUMBS
10 <.1
10 {
  file {
   maxW = 50
   maxH = 50
  }
  params = onclick="swap('image_big', this)" class="smallimg"!
  
  longdescURL.cObject = IMG_RESOURCE
  longdescURL.cObject.file {
   import.data = TSFE:lastImageInfo|origFile
   maxW = 387
   maxH = 387
  }
}

20 <.10
20.file.import.listNum = 1
30 <.10
30.file.import.listNum = 2


# JS
100 = TEXT
100.value (
  <script type="text/javascript">
    <!--
    function swap(imgname,image) { document.images[imgname].src = image.getAttribute('longdesc'); }
    //-->
  </script>
)
}
}
}
```

## Antworten

### [#2](https://www.typo3.net/d/85920-ts-imageswap/2) · just2b · 2009-01-25

Hallo,

was hat das lib.imageswap innerhalb deines markers verloren?

nimm einfach meinen code, stell ihn irgendwo am anfang deines TS hin und übergeb das lib-objekt an deinen marker

georg

### [#3](https://www.typo3.net/d/85920-ts-imageswap/3) · Christa Herzer · 2009-01-25

Hallo Georg,

ja, manchmal ist alles ganz einfach wenn man’s weiß ...
Klappt prima, vielen Dank.

Allerdinge noch eine Kleinigkeit, - meine Bilder kleben direkt unter- bzw. nebeneinander und ich hätte gerne jeweils einen kleinen Abstand dazwischen.
Definiere ich den im Stylesheet?

Schöne Grüße und besonderen Dank für Sonntagsarbeit
Christa

### [#4](https://www.typo3.net/d/85920-ts-imageswap/4) · just2b · 2009-01-25

Hallo,

ja das machst du einfach über CSS!

georg

---

Quelle: „TS Imageswap“, typo3.net, https://www.typo3.net/d/85920-ts-imageswap
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.