diff options
Diffstat (limited to 'themes/default/template/picture_content.tpl')
| -rw-r--r-- | themes/default/template/picture_content.tpl | 28 |
1 files changed, 21 insertions, 7 deletions
diff --git a/themes/default/template/picture_content.tpl b/themes/default/template/picture_content.tpl index cc85a1e05..6a87d3fab 100644 --- a/themes/default/template/picture_content.tpl +++ b/themes/default/template/picture_content.tpl @@ -1,10 +1,10 @@ -<img src="{$current.selected_derivative->get_url()}" {$current.selected_derivative->get_size_htm()} alt="{$ALT_IMG}" id="theMainImage" +<img src="{$current.selected_derivative->get_url()}" {$current.selected_derivative->get_size_htm()} alt="{$ALT_IMG}" id="theMainImage" usemap="#map{$current.selected_derivative->get_type()}" {if isset($COMMENT_IMG)} title="{$COMMENT_IMG|@strip_tags:false|@replace:'"':' '}" {else} title="{$current.TITLE|@replace:'"':' '} - {$ALT_IMG}" {/if}> {if count($current.unique_derivatives)>1} {footer_script}{literal} -function changeImgSrc(url,type,display) +function changeImgSrc(url,typeSave,typeMap,typeDisplay) { var theImg = document.getElementById("theMainImage"); if (theImg) @@ -12,9 +12,10 @@ function changeImgSrc(url,type,display) theImg.removeAttribute("width");theImg.removeAttribute("height"); theImg.src = url; var elt = document.getElementById("derivativeSwitchLink"); - if (elt) elt.innerHTML = display; + if (elt) elt.innerHTML = typeDisplay; + theImg.useMap = "#map"+typeMap; } - document.cookie = 'picture_deriv=' + type; + document.cookie = 'picture_deriv=' + typeSave; } function toggleDerivativeSwitchBox() @@ -35,10 +36,23 @@ function toggleDerivativeSwitchBox() <a id="derivativeSwitchLink" href="javascript:toggleDerivativeSwitchBox()">{$current.selected_derivative->get_type()|@translate}</a> <div id="derivativeSwitchBox" onclick="toggleDerivativeSwitchBox()" style="display:none"> {foreach from=$current.unique_derivatives item=derivative key=derivative_type} -<a href="javascript:changeImgSrc('{$derivative->get_url()|@escape:javascript}', '{$derivative_type}', '{$derivative->get_type()|@translate|@escape:javascript}')" style="cursor:pointer">{$derivative->get_type()|@translate} ({$derivative->get_size_hr()})</a><br> +<a href="javascript:changeImgSrc('{$derivative->get_url()|@escape:javascript}','{$derivative_type}','{$derivative->get_type()}','{$derivative->get_type()|@translate|@escape:javascript}')">{$derivative->get_type()|@translate} ({$derivative->get_size_hr()})</a><br> {/foreach} {if isset($U_ORIGINAL)} -<a href="javascript:phpWGOpenWindow('{$U_ORIGINAL}','xxx','scrollbars=yes,toolbar=no,status=no,resizable=yes')" title="{'Click on the photo to see it in high definition'|@translate}">{'original'|@translate}</a> +<a href="javascript:phpWGOpenWindow('{$U_ORIGINAL}','xxx','scrollbars=yes,toolbar=no,status=no,resizable=yes')" rel="nofollow">{'original'|@translate}</a> {/if} </div> -{/if}
\ No newline at end of file +{/if} + +{foreach from=$current.unique_derivatives item=derivative key=derivative_type}{strip} +<map name="map{$derivative->get_type()}" id="map{$derivative->get_type()}"> +{assign var='size' value=$derivative->get_size()} +{if isset($previous)} +<area shape=rect coords="0,0,{$size[0]/4|@intval},{$size[1]}" href="{$previous.U_IMG}" title="{'Previous'|@translate} : {$previous.TITLE}" alt="{$previous.TITLE}"> +{/if} +<area shape=rect coords="{$size[0]/4|@intval},0,{$size[0]/1.34|@intval},{$size[1]/4|@intval}" href="{$U_UP}" title="{'Thumbnails'|@translate}" alt="{'Thumbnails'|@translate}"> +{if isset($next)} +<area shape=rect coords="{$size[0]/1.33|@intval},0,{$size[0]},{$size[1]}" href="{$next.U_IMG}" title="{'Next'|@translate} : {$next.TITLE}" alt="{$next.TITLE}"> +{/if} +</map> +{/strip}{/foreach} |