source: extensions/derivatives/picture_content.tpl @ 18812

{if isset($high)}
{combine_script id='core.scripts' load='async' path='themes/default/js/scripts.js'}
<a href="javascript:phpWGOpenWindow('{$high.U_HIGH}','{$high.UUID}','scrollbars=yes,toolbar=no,status=no,resizable=yes')">
{/if}
        <img src="{$current.selected_derivative->get_url()}" {$current.selected_derivative->get_size_htm()} alt="{$ALT_IMG}" id="theMainImage"
        {if isset($COMMENT_IMG)}
                title="{$COMMENT_IMG|@strip_tags:false|@replace:'"':' '}" {else} title="{$current.TITLE|@replace:'"':' '} - {$ALT_IMG}"
        {/if}>
{if isset($high) }
</a>
        <p>{'Click on the photo to see it in high definition'|@translate}</p>
{/if}
{if count($current.available_derivative_types)>1}
{footer_script}{literal}
function changeImgSrc(src)
{
        var theImg = document.getElementById("theMainImage");
        if (theImg)
        {
                theImg.removeAttribute("width");theImg.removeAttribute("height");
                theImg.src = src;
        }
}
{/literal}{/footer_script}
<p>
{foreach from=$current.available_derivative_types item=derivative_type}
<a onclick="changeImgSrc('{$current.all_derivatives[$derivative_type]->get_url()|@escape:javascript}')" title="{$current.all_derivatives[$derivative_type]->get_size_hr()}">{$derivative_type}</a>
{/foreach}
</p>
{/if}