<xf:macro name="single_image" arg-canViewAttachments="!" arg-id="!" arg-src="!" arg-dataUrl="" arg-containerZoom="1"
arg-alt=""
arg-styleAttr=""
arg-alignClass=""
arg-mytitle="">
<xf:macro name="setup" arg-canViewAttachments="{$canViewAttachments}" />
<div class="lbContainer lbContainer--inline {$alignClass}" title="{$alt|for_attr}"
data-xf-init="lightbox"
data-lb-single-image="1"
data-lb-container-zoom="{$containerZoom}"
data-lb-trigger=".js-lbImage-{$id}"
data-lb-id="{$id}">
<xf:if is="{$containerZoom}">
<div class="lbContainer-zoomer js-lbImage-{$id}" data-src="{$src}" aria-label="{{ phrase('zoom')|for_attr }}"></div>
</xf:if>
{$thread.title}
<img src="{$src}" data-url="{$dataUrl}" class="bbImage" data-zoom-target="1" {{ $alt ? 'alt="' . $alt|for_attr . '"' : '' }} style="{$styleAttr}" />
</div>
</xf:macro>