diff options
| author | rvelices <rv-github@modusoptimus.com> | 2011-12-27 20:26:49 +0000 |
|---|---|---|
| committer | rvelices <rv-github@modusoptimus.com> | 2011-12-27 20:26:49 +0000 |
| commit | e42f791f52c502c00d095d6bf9aa3e3989423e98 (patch) | |
| tree | 965cbd888b954302e4652fefa7d56ef2e074eb66 /themes/default/template/picture_content.tpl | |
| parent | 753f58d6a966a1051dcd62a3eeab8fc18798bcac (diff) | |
feature 2541 multisize
- nicer presentation on picture.php
- added a maintenance purge derivatives action
git-svn-id: http://piwigo.org/svn/trunk@12797 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to 'themes/default/template/picture_content.tpl')
| -rw-r--r-- | themes/default/template/picture_content.tpl | 26 |
1 files changed, 22 insertions, 4 deletions
diff --git a/themes/default/template/picture_content.tpl b/themes/default/template/picture_content.tpl index a4a9b4760..6fc743a02 100644 --- a/themes/default/template/picture_content.tpl +++ b/themes/default/template/picture_content.tpl @@ -4,20 +4,38 @@ {/if}> {if count($current.available_derivative_types)>1} {footer_script}{literal} -function changeImgSrc(url,type) +function changeImgSrc(url,type,display) { var theImg = document.getElementById("theMainImage"); if (theImg) { theImg.removeAttribute("width");theImg.removeAttribute("height"); theImg.src = url; + var elt = document.getElementById("derivativeSwitchLink"); + if (elt) elt.innerHTML = display; } document.cookie = 'picture_deriv=' + type; } + +function toggleDerivativeSwitchBox() +{ + var elt = document.getElementById("derivativeSwitchBox"), + ePos = document.getElementById("derivativeSwitchLink"); + if (elt.style.display==="none") + { + elt.style.position = "absolute"; + elt.style.left = (ePos.offsetLeft + 10) + "px"; + elt.style.top = (ePos.offsetTop + ePos.offsetHeight) + "px"; + elt.style.display=""; + } + else + elt.style.display="none"; +} {/literal}{/footer_script} -<p> +<a id="derivativeSwitchLink" onclick="toggleDerivativeSwitchBox()" style="cursor:pointer">{$current.selected_derivative->get_type()|@translate}</a> +<div id="derivativeSwitchBox" onclick="toggleDerivativeSwitchBox()" style="display:none"> {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> +<a onclick="changeImgSrc('{$current.derivatives[$derivative_type]->get_url()|@escape:javascript}', '{$derivative_type}', '{$derivative_type|@translate|@escape:javascript}')" style="cursor:pointer">{$derivative_type|@translate} ({$current.derivatives[$derivative_type]->get_size_hr()})</a><br> {/foreach} -</p> +</div> {/if}
\ No newline at end of file |