{namespace bk2k = BK2K\BootstrapPackage\ViewHelpers}
<img src="{f:uri.image(src: 'EXT:bootstrap_package/Resources/Public/Images/blank.gif')}"
     data-src="{f:uri.image(image: file)}"
     data-bigger="{f:uri.image(image: file, maxWidth: 1140)}"
     data-large="{f:uri.image(image: file, maxWidth: 940)}"
     data-medium="{f:uri.image(image: file, maxWidth: 720)}"
     data-small="{f:uri.image(image: file, maxWidth: 320)}"
     title="{file.title}"
     alt="{file.alternative}"
     class="lazyload"
     data-preload="{f:if(condition: settings.media.preload, then: 'true', else: 'false')}"
     />
      <f:if condition="{data.image_zoom}">
        <f:then>
          <f:variable name="src" value="{f:uri.image(image: file, maxHeight: '1200', maxWidth: '1200')}" />
          <a href="{src}" title="{file.title}" class="overlay small {settings.lightbox.cssClass}" data-lightbox-width="{bk2k:data.imageInfo(src: src, property: 'width')}" data-lightbox-height="{bk2k:data.imageInfo(src: src, property: 'height')}" rel="{settings.lightbox.prefix}-{data.uid}"><i class="fa fa-link"></i></a>
    	</f:then>
	</f:if>
<noscript>
    <img src="{f:uri.image(image: file)}" title="{file.title}" alt="{file.alternative}" />
</noscript>