source: extensions/derivatives/picture_content.tpl @ 15907

Revision 12775, 1.2 KB checked in by rvelices, 8 years ago (diff)

derivatives - can display several sizes on picture page

Line 
1{if isset($high)}
2{combine_script id='core.scripts' load='async' path='themes/default/js/scripts.js'}
3<a href="javascript:phpWGOpenWindow('{$high.U_HIGH}','{$high.UUID}','scrollbars=yes,toolbar=no,status=no,resizable=yes')">
4{/if}
5        <img src="{$current.selected_derivative->get_url()}" {$current.selected_derivative->get_size_htm()} alt="{$ALT_IMG}" id="theMainImage"
6        {if isset($COMMENT_IMG)}
7                title="{$COMMENT_IMG|@strip_tags:false|@replace:'"':' '}" {else} title="{$current.TITLE|@replace:'"':' '} - {$ALT_IMG}"
8        {/if}>
9{if isset($high) }
10</a>
11        <p>{'Click on the photo to see it in high definition'|@translate}</p>
12{/if}
13{if count($current.available_derivative_types)>1}
14{footer_script}{literal}
15function changeImgSrc(src)
16{
17        var theImg = document.getElementById("theMainImage");
18        if (theImg)
19        {
20                theImg.removeAttribute("width");theImg.removeAttribute("height");
21                theImg.src = src;
22        }
23}
24{/literal}{/footer_script}
25<p>
26{foreach from=$current.available_derivative_types item=derivative_type}
27<a onclick="changeImgSrc('{$current.all_derivatives[$derivative_type]->get_url()|@escape:javascript}')" title="{$current.all_derivatives[$derivative_type]->get_size_hr()}">{$derivative_type}</a>
28{/foreach}
29</p>
30{/if}
Note: See TracBrowser for help on using the repository browser.