{namespace v=FluidTYPO3\Vhs\ViewHelpers}

<f:if condition="{data.tx_mask_push_items}">

  <div class="push">

    <f:for each="{data.tx_mask_push_items}" as="data_item">

      <f:comment>Get link from image</f:comment>
      <f:if condition="{data_item.tx_mask_push_image}">
        <f:for each="{data_item.tx_mask_push_image}" as="fileReference" iteration="iterator">
          <f:if condition="{iterator.isFirst}">
            <v:variable.set name="fileRef" value="{fileReference}"/>
          </f:if>
        </f:for>
      </f:if>

      <f:comment>wrap begin f:link.typolink -> {fileRef.link}</f:comment>
      <a href="#" title="{data_item.tx_mask_push_title}">
        <f:comment>Image</f:comment>
        <f:if condition="{data_item.tx_mask_push_image}">
          <f:for each="{data_item.tx_mask_push_image}" as="file">
            <img src="{v:uri.image(src:'{file.uid}', treatIdAsReference:'1')}" alt="{file.alternative}" title="{file.title}" />
          </f:for>
        </f:if>

        <f:comment>Title</f:comment>
        <f:if condition="{data_item.tx_mask_push_title}">
          <span>{data_item.tx_mask_push_title}</span>
        </f:if>
      <f:comment>Wrap end</f:comment>
      </a>
    </f:for>

  </div>

</f:if>