[TYPO3-UG Dutch] Meerdere afbeeldingen weergeven via Typoscript (FCE) -> Solution

Tue Nov 9 20:13:34 CET 2010

Hoi Jigal,

Hartelijk bedankt om me de weg te wijzen!

===> Het volgende stukje typoscript zorgde ervoor dat de afbeeldingen 
tevoorschijn getoverd werden:

<TypoScript>
    <![CDATA[100 = HTML
	100.value.current=1
	100.value.split {
	  token = ,
	  cObjNum = 1
	  1 {
	    10 = IMAGE
	    10.file.import = uploads/tx_templavoila/
	    10.file.import.current = 1
	    10.file.import.listNum = 0
	    10.file.width = 250px
	    10.wrap = |
	  }
         }
    ]]>
</TypoScript>

===> Met klik vergroten afbeelding via perfectlightbox:

<TypoScript><![CDATA[100 = HTML
	100.value.current=1
	100.value.split {
	  token = ,
	  cObjNum = 1
	  1 {
	    10 = IMAGE
	    10.file.import = uploads/tx_templavoila/
	    10.file.import.current = 1
	    10.file.import.listNum = 0
	    10.file.width = 250px
		### BEGIN code to enlarge image ###
		10.imageLinkWrap = 1
		10.imageLinkWrap {
			enable = 1
		        bodyTag = <body style="background-color:#fff;">
			wrap = <a href="javascript:close();"> | </a>
			effects=
			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[presentlb]"
				title.field = field_product_image_alttext
			}
		}
		### END code to enlarge image ###
	    10.wrap = |
	  }
	}]]></TypoScript>

===> Volledig data structure voor field_pictures:

<field_pictures type="array">
	<tx_templavoila type="array">
		<title>Pictures</title>
		<sample_data type="array">
			<numIndex index="0"></numIndex>
		</sample_data>
		<eType>image</eType>
		<TypoScript><![CDATA[100 = HTML
			100.value.current=1
			100.value.split {
			  token = ,
			  cObjNum = 1
			  1 {
			    10 = IMAGE
			    10.file.import = uploads/tx_templavoila/
			    10.file.import.current = 1
			    10.file.import.listNum = 0
			    10.file.width = 250px
				### BEGIN code to enlarge image ###
				10.imageLinkWrap = 1
				10.imageLinkWrap {
					enable = 1
				        bodyTag = <body style="background-color:#fff;">
					wrap = <a href="javascript:close();"> | </a>
					effects=
					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[presentlb]"
						title.field = field_product_image_alttext
					}
				}
				### END code to enlarge image ###
			    10.wrap = |
			  }
			}]]></TypoScript>
		<preview></preview>
		<enableDragDrop>1</enableDragDrop>
		<proc type="array">
			<int>0</int>
			<HSC>0</HSC>
			<stdWrap></stdWrap>
		</proc>
		<oldStyleColumnNumber>0</oldStyleColumnNumber>
	</tx_templavoila>
	<TCEforms type="array">
		<label>Pictures</label>
		<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>10</show_thumbs>
			<size>5</size>
			<maxitems>20</maxitems>
			<minitems>0</minitems>
		</config>
	</TCEforms>
</field_pictures>

Hopelijk zijn er nog mensen nu, of in de toekomst, mee geholpen.

Nogmaals thx!
Koen Van Nuffelen

On 9/11/2010 15:51, Jigal van Hemert wrote:
> Hoi,
>
> On 9-11-2010 15:24, Koen Van Nuffelen wrote:
>> Ik probeer via een FCE meerdere afbeeldingen weer te geven.
> (...)
>> 10.file.import.listNum = 0
>
> listNum geeft het item weer uit een kommagescheiden lijst dat gebruikt
> moet worden.
>
> Wil je iets met alle items doen, dan is split je vriendje [1].
>
> [1] http://goo.gl/BXXcs
>