Zum Inhalt springen

jq_lightbox in TemplaVoila

Erstellt am 26. Januar 2009 · Noch keine Antworten

Tags: Frage

beo6 ·

Hallo.

Ich habe ein problem die Extension jQuery Lightbox in einem Subtemplate von TemplaVoila zu nutzen.

Ich habe ganz normal ein Image-Feld mit fester Breite+Höhe angelegt und aus der Dokumentation der Extension folgendes Script für eben genau dieses problem eingefügt.

<![CDATA[
10 = IMGTEXT
10 < tt_content.textpic.20
10.stdWrap.dataWrap = |
10 {
	imgList.field = field_images
	imgPath = uploads/tx_templavoila/
	imgObjNum = 1
	1 {
		file.import.current = 1
		file.width.field = imagewidth
		stdWrap.typolink.parameter.current = 1
		stdWrap.typolink.parameter.data = TSFE:lastImageInfo|origFile
		stdWrap.typolink.title.field = field_caption
		stdWrap.typolink.title.split.token.char = 10
		stdWrap.typolink.title.split.returnKey.data = register : IMAGE_NUM_CURRENT
		stdWrap.typolink.ATagParams.data = register:tx_templavoila_pi1.parentRec.uid
		stdWrap.typolink.ATagParams.wrap = rel="lightbox[{field:uid}]" class="lightbox"
		# Max Width of Thumbnails.
		maxW = 135 
	}
}
10.rendering.dl >
10.rendering.ul >
10.rendering.div >
10.renderMethod = div
]]>

(anscheinend fehlt in dem Scriptbeispiel aus der Doku auch eine schließende geschwungene Klammer. "}" und das "{field:uid}" ist anscheinend auch falsch genauso wie die "10.rendering.*" um das rahmen HTML zu entfernen. )

Das ganze funktioniert aber leider nicht ganz.
Ich habe einige versuche unternommen das ganze anzupassen aber leider bisher ohne erfolg.

Das Bild wird auf der Seite in voller Größe angezeigt. Eigentlich sollte es zur Vorschau ja die Feste Höhe und Breite bekommen und erst beim klick darauf in der Lightbox das Bild in voller Größe erscheinen.

(Hier mal das Script das ich bisher habe.)

<![CDATA[
10 = IMGTEXT
10 < tt_content.textpic.20
10.stdWrap.dataWrap = |
10 {
	imgList.field = field_bild
	imgPath = uploads/tx_templavoila/
	imgObjNum = 1
	1 {
		file.import.current = 1
		//file.width.field = imagewidth
		file.width = 178
		stdWrap.typolink.parameter.current = 1
		stdWrap.typolink.parameter.data = TSFE:lastImageInfo|origFile
		stdWrap.typolink.title.field = field_title
		stdWrap.typolink.title.split.token.char = 10
		stdWrap.typolink.title.split.returnKey.data = register : IMAGE_NUM_CURRENT
		stdWrap.typolink.ATagParams.data = register:tx_templavoila_pi1.parentRec.uid
		stdWrap.typolink.ATagParams.wrap = rel="lightbox[|]" class="lightbox"
		# Max Width of Thumbnails.
		maxW = 178
	}
}
10.rendering.dl >
10.rendering.ul >
10.rendering.div >
10.renderMethod = div

]]>

Falls die frage auftaucht warum ich genau diese Extension nutze, es wird bereits an anderer Stelle auf der Seite jQuery verwendet, und die anderen Lightbox Extensions verwenden wieder andere Javascript Bibliotheken. Außerdem wäre die frage ob es bei anderen Lightboxen besser funktioniert.

Ich nutze Typo3 Version 4.2.2 mit TemplaVoila 1.3.7 (aus dem Komplettpaket für YAML)

Ich wäre für jeden Hinweis in die richtige richtung Dankbar.