Ich möchte für eine Bildergallerie mittels Flexform in TemplaVoilà den Inhalt auf das HTML mappen. Wobei der Benutzer im Backend jeweils nur das Bild (gross) und den Text (für den Titel) jeweils definieren muss. Der HTML-Code welcher generiert werden soll, muss der Ausgangslage entsprechen. Das mit der Wiederholbarkeit ist bereits gelöst und ist keine Anforderung mehr.

Folgende Lösung funktioniert und nun möchte ich wissen, ob man das noch besser/sauberer schreiben kann?

Ausgangslage HTML
<div id=“gallerie”> <a href=“gross.jpg” title=“Text des Bildes”><img src=“klein.jpg” width=“200” height=“80” alt=”“ title=“Text des Bildes” /></a>
</div>

Ausschnitt Datenstruktur FlexForm
<el type=“array”> <field_bezeichnung type=“array”> <tx_templavoila type=“array”> <title>Bezeichnung</title> <sample_data type=“array”> <numIndex index=“0”></numIndex> </sample_data> <eType>input</eType> <proc type=“array”> <stdWrap></stdWrap> <HSC type=“integer”>1</HSC> </proc> </tx_templavoila> <TCEforms type=“array”> <label>Bezeichnung</label> <config type=“array”> <type>input</type> <size>48</size> <eval>trim</eval> </config> </TCEforms> </field_bezeichnung> <field_image type=“array”> <tx_templavoila type=“array”> <title>Image</title> <sample_data type=“array”> <numIndex index=“0”></numIndex> </sample_data> <eType>image</eType> <TypoScript> 10 = IMAGE 10.file.import = uploads/tx_templavoila/ 10.file.import.current = 1 10.file.import.listNum = 0 10.file { maxW = 200 } 10.stdWrap.typolink.parameter.data = TSFE:lastImageInfo|origFile 10.stdWrap.typolink.title.field = field_bezeichnung </TypoScript> <proc type=“array”> <stdWrap></stdWrap> </proc> </tx_templavoila> <TCEforms type=“array”> <label>Image</label> <config type=“array”> <type>group</type> <internal_type>file</internal_type> <allowed>gif,png,jpg,jpeg</allowed> <max_size>10000</max_size> <uploadfolder>uploads/tx_templavoila</uploadfolder> <show_thumbs>1</show_thumbs> <size>1</size> <maxitems>1</maxitems> <minitems>0</minitems> </config> </TCEforms> </field_image>
</el>