---
title: "Click enlarge mit FCE (TemplaVoila) und perfectlightbox"
url: "https://www.typo3.net/d/93033-click-enlarge-mit-fce-templavoila-und-perfectlightbox"
source: "typo3.net"
tags: ["Extensions","Bilder","Frage"]
created: "2009-09-18"
last_reply: "2011-01-10"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# Click enlarge mit FCE (TemplaVoila) und perfectlightbox

Extensions · 2 Antworten · gestartet 2009-09-18

## Eröffnungsbeitrag

**webzigartig** · 2009-09-18 · [Beitrag #1](https://www.typo3.net/d/93033-click-enlarge-mit-fce-templavoila-und-perfectlightbox/1)

Huhu,

ich kämpfe gerade mit folgendem Problem: ich habe ein FCE mit TemplaVoila erstellt, mit dem Redakteure u.a. ein Bild ausgeben können - welches über eine Click-enlarge-Funktion verfügt. D.h. bei Klick auf das Bild öffnet sich eine vergrößerte Version in einem neuen Fenster. Das funktioniert auch soweit.

Nun möchte ich, dass statt der normalen TYPO3-internen click-enlarge-Funktion der Lightboxeffekt der Extension perfectlightbox verwendet wird.
Aber: ich komme nicht drauf, wie ich den folgenden TS-Code umschreiben kann (Auszug aus der XML-Datei des FCE):

```typoscript
<field_product_image type="array">
  <tx_templavoila type="array">
    <title>Produktbild</title>
    <sample_data type="array">
      <numindex index="0">Ich bin ein Bild</numindex>
    </sample_data>
    <etype>imagefixed</etype>
      <typoscript><![CDATA[
        10 = IMAGE
	10.altText.field = field_product_image_alttext
	10.titleText.field = field_product_image_titletext
	10.file.import = uploads/tx_templavoila/
	10.file.import.current = 1
	10.file.import.listNum = 0
	10.file.maxW = 250
	10.file.minW = 250
	###################################
	### BEGIN code to enlarge image ###
	###################################
	10.imageLinkWrap = 1
	10.imageLinkWrap {
        	bodyTag = <body style="background-color:#fff;">
		wrap = <a href="javascript:close();"> | </a>
		width = 800m
		height = 600m
		effects=
		JSwindow = 1
		JSwindows {
			newWindow = 0
			expand = 17,20
		}
		enable = 1
		ATagParams = rel="lightbox"
	}
	#################################
	### END code to enlarge image ###
	#################################
      ]]></typoscript>
    </tx_templavoila>
    <tceforms type="array">
	<config type="array">
	  <type>group</type>
	  <internal_type>file</internal_type>
	  <allowed>gif,png,jpg,jpeg</allowed>
	  <max_size>1000</max_size>
	  <uploadfolder>uploads/tx_templavoila</uploadfolder>
	  <show_thumbs>1</show_thumbs>
	  <size>1</size>
	  <maxitems>1</maxitems>
	  <minitems>0</minitems>
	</config>
	<label>Produktbild</label>
      </tceforms>
</field_product_image>
```

Die Zeile "ATagParams = rel="lightbox"" führt leider nicht zum gewünschten Effekt, auch nicht, wenn ich die Zeilen lösche, die das JS-Fenster steuern. Weiß jemand Rat?

Viele Grüße

Christian

## Antworten

### [#2](https://www.typo3.net/d/93033-click-enlarge-mit-fce-templavoila-und-perfectlightbox/2) · webzigartig · 2009-09-29

Habe das Problem mit Hilfe des Extensionautors gelöst. Hier der entsprechende XML-Code:

```typoscript
<field_product_image type="array">
	<tx_templavoila type="array">
		<title>Produktbild</title>
		<sample_data type="array">
			<numIndex index="0">Ich bin ein Bild</numIndex>
		</sample_data>
		<eType>imagefixed</eType>
			<TypoScript><![CDATA[
				10 = IMAGE
				10 {
					#format = jpg
					file.import = uploads/tx_templavoila/
					file.import.current = 1
					file.import.listNum = 0
					file.maxW = 250
					10.file.minW = 250
					altText.field = field_product_image_alttext
					titleText.field = field_product_image_titletext
				}
				10.imageLinkWrap = 1
				10.imageLinkWrap {
					enable = 1
					bodyTag = <body style="margin:0;">
					wrap = <a href="javascript:close();">|</a>
					width = 800m
					height = 600m
					JSwindow = 1
					JSwindow {
						newWindow = 0
					}
					typolink {
						parameter.override.cObject = IMG_RESOURCE
						parameter.override.cObject.file.import.data = TSFE:lastImageInfo|origFile
						parameter.override.cObject.file.maxW = {$plugin.perfectlightbox.lightBoxMaxW}
						parameter.override.cObject.file.maxH = {$plugin.perfectlightbox.lightBoxMaxH}
						ATagParams = rel="lightbox"
						title.field = field_product_image_alttext
					}
				}
			]]>
		</TypoScript>
	</tx_templavoila>
	<TCEforms type="array">
		<config type="array">
			<type>group</type>
			<internal_type>file</internal_type>
			<allowed>gif,png,jpg,jpeg</allowed>
			<max_size>1000</max_size>
			<uploadfolder>uploads/tx_templavoila</uploadfolder>
			<show_thumbs>1</show_thumbs>
			<size>1</size>
			<maxitems>1</maxitems>
			<minitems>0</minitems>
		</config>
		<label>Produktbild</label>
	</TCEforms>
</field_product_image>
```

### [#3](https://www.typo3.net/d/93033-click-enlarge-mit-fce-templavoila-und-perfectlightbox/3) · Neo007 · 2011-01-10

Hallo, dank dieses Beitrages klappt das perfekt.
nur noch eine Frage:

Kann ich, wenn ich 2 Bilder in einem FCE habe die Lightbox im Slideshow modus starten? also dass ich zwischen den Bildern in der Lightbox wechseln kann?

Gruss

Neo

---

Quelle: „Click enlarge mit FCE (TemplaVoila) und perfectlightbox“, typo3.net, https://www.typo3.net/d/93033-click-enlarge-mit-fce-templavoila-und-perfectlightbox
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.