This Gallery FCE is a example how to use FAL images in Flux Content Elements.
Description | Gallery FCE as example how to use fal images in Flux Content Elements |
Author | benjaminrau |
Creation date | 2014-08-25T07:10:35.000Z |
Extensions |
|
Tags |
|
Files |
<div xmlns:flux="http://typo3.org/ns/FluidTYPO3/Flux/ViewHelpers" | |
xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers" | |
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers"> | |
<f:layout name="Content" /> | |
<f:section name="Configuration"> | |
<flux:form id="gallery" wizardTab="MG"> | |
<flux:field.inline.fal name="settings.images" multiple="TRUE" maxItems="20" /> | |
</flux:form> | |
</f:section> | |
<f:section name="Preview"> | |
<b><f:translate key="flux.gallery" /></b> | |
</f:section> | |
<f:section name="Resources"> | |
</f:section> | |
<f:section name="Item"> | |
<li><a href="{image.url}" title="{f:if(condition: image.description, then: '{image.title}: ', else: '{image.title}')}{image.description}" rel="gallery"><f:image treatIdAsReference="TRUE" src="{image.id}" alt="{image.title}" title="{f:if(condition: image.description, then: '{image.title}: ', else: '{image.title}')}{image.description}" width="170c" height="170c" /></a></li> | |
</f:section> | |
<f:section name="Main"> | |
<div id="gallery"> | |
<div class="gallery_list"> | |
<ul> | |
<f:for each="{v:content.resources.fal(field: 'settings.images')}" as="image"> | |
<f:render section="Item" arguments="{_all}" /> | |
</f:for> | |
</ul> | |
</div> | |
</div> | |
</f:section> | |
</div> |