{namespace sh=TYPO3\CMS\ShGallery\ViewHelpers}
<f:layout name="Default" />
<f:section name="main">
    <div class="albumTitle">
        <h1>{collection.title}</h1>
        <div class="back helReg">
            <f:link.action action="list"><f:translate key="back_text" /></f:link.action>
        </div>
    </div>
    <ul class="mediaGal">
        <li class="group first">
            <ul>
            
<f:for each="{collection.images}" as="image" iteration="itemIteration">
                <li>
                    <a  class="group1" 
                        href="<sh:prepareImageLink image='{image.originalResource.originalFile.identifier}' storageUid='{image.originalResource.originalFile.storage.uid}' widthHeight='355' noLink='true' />" 
                        title="{image.originalResource.title}" 
                        alt="{image.originalResource.alt}" 
                        data-small_image_link="<sh:prepareImageLink image='{image.originalResource.originalFile.identifier}' storageUid='{image.originalResource.originalFile.storage.uid}' widthHeight='355' noLink='false'/>" 
                        data-large_image_link="<sh:prepareImageLink image='{image.originalResource.originalFile.identifier}' storageUid='{image.originalResource.originalFile.storage.uid}' widthHeight='' noLink='false'/>">
                        <f:image src="{image.originalResource.originalFile.uid}" width="125" alt="{image.originalResource.alternative}" title="{image.originalResource.title}" />
                        <span class="helReg">{image.originalResource.title}</span>
                    </a>
                    
                </li>
    <f:if condition="{itemIteration.cycle} % 5">
    <f:then></f:then>
    <f:else>
            </ul>
        </li>
        <li class="group">
            <ul>
    </f:else>
    </f:if>
    <f:if condition="{itemIteration.isLast}">
            </ul>
        </li>
    </f:if>
</f:for>
    </ul>
</f:section>