Changeset 12796 for trunk/themes/default/template/picture_content.tpl

Timestamp:

Dec 27, 2011, 6:26:44 AM (12 years ago)

Author:

rvelices

Message:

feature 2541 multisize

• core implementation + usage on most public/admin pages
• still to do: sync process, upload, gui/persistence for size parameters, migration script, center of interest ...

File:

• trunk/themes/default/template/picture_content.tpl (modified) (1 diff)

trunk/themes/default/template/picture_content.tpl

@@ -1 @@
-{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')">
+<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 count($current.available_derivative_types)>1}
+{footer_script}{literal}
+function changeImgSrc(url,type)
+{
+        var theImg = document.getElementById("theMainImage");
+        if (theImg)
+        {
+                theImg.removeAttribute("width");theImg.removeAttribute("height");
+                theImg.src = url;
+        }
+        document.cookie = 'picture_deriv=' + type;
+}
+{/literal}{/footer_script}
+<p>
+{foreach from=$current.available_derivative_types item=derivative_type}
+<a onclick="changeImgSrc('{$current.derivatives[$derivative_type]->get_url()|@escape:javascript}', '{$derivative_type}')" title="{$current.derivatives[$derivative_type]->get_size_hr()}">{$derivative_type}</a>
+{/foreach}
+</p>
 {/if}
-        <img src="{$SRC_IMG}" style="width:{$WIDTH_IMG}px;height:{$HEIGHT_IMG}px;" 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}