{namespace v=FluidTYPO3\Vhs\ViewHelpers}

<f:if condition="{data_tx_handynamiccustomcontent_slider_items}">
    <div class="slider" id="homeSlider">
        <f:for each="{data_tx_handynamiccustomcontent_slider_items}" as="data_item">
            <f:comment>Link on image tag</f:comment>
            <f:if condition="{data_item.data_tx_handynamiccustomcontent_slider_image}">
                <f:for each="{data_item.data_tx_handynamiccustomcontent_slider_image}" as="fileReference" iteration="iterator">
                    <f:if condition="{iterator.isFirst}">
                        <v:variable.set name="fileRef" value="{fileReference}"/>
                    </f:if>
                </f:for>
            </f:if>
            <div class="slide">
                <f:link.typolink parameter="{fileRef.link}">
                    <f:if condition="{data_item.data_tx_handynamiccustomcontent_slider_image}">
                        <f:for each="{data_item.data_tx_handynamiccustomcontent_slider_image}" as="file">
                            <img src="{v:uri.image(src:'{file.uid}', treatIdAsReference:'1')}" alt="{file.alternative}" title="{file.title}" />
                        </f:for>
                    </f:if>
                    <hgroup>
                        <f:if condition="{data_item.data.tx_handynamiccustomcontent_slider_title}">
                            <h3>{data_item.data.tx_handynamiccustomcontent_slider_title}</h3>
                        </f:if>
                        <f:if condition="{data_item.data.tx_handynamiccustomcontent_subheader}">
                            <h4>{data_item.data.tx_handynamiccustomcontent_subheader}</h4>
                        </f:if>
                    </hgroup>
                </f:link.typolink>
            </div>
        </f:for>
    </div>
</f:if>