Changeset 13474 for trunk/themes/default
- Timestamp:
- Mar 4, 2012, 5:28:42 PM (12 years ago)
- Location:
- trunk/themes/default
- Files:
-
- 4 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/themes/default/template/picture.tpl
r13224 r13474 2 2 {include file='include/autosize.inc.tpl'} 3 3 *} 4 {if isset($MENUBAR)} 5 {$MENUBAR} 6 <div id="content" class="contentWithMenu"> 7 {/if} 4 {if isset($MENUBAR)}{$MENUBAR}{/if} 5 <div id="content" {if isset($MENUBAR)}class="contentWithMenu"{/if}> 8 6 {if isset($errors) or not empty($infos)} 9 7 {include file='infos_errors.tpl'} … … 13 11 <div id="imageHeaderBar"> 14 12 <div class="browsePath"> 15 {$SECTION_TITLE} {$LEVEL_SEPARATOR}<h2>{$current.TITLE}</h2>13 {$SECTION_TITLE}<span class="browsePathSeparator">{$LEVEL_SEPARATOR}</span><h2>{$current.TITLE}</h2> 16 14 </div> 17 15 <div class="imageNumber">{$PHOTO}</div> … … 20 18 <div id="imageToolBar"> 21 19 <div class="actionButtons"> 20 21 {if count($current.unique_derivatives)>1} 22 {footer_script}{literal} 23 function changeImgSrc(url,typeSave,typeMap,typeDisplay) 24 { 25 var theImg = document.getElementById("theMainImage"); 26 if (theImg) 27 { 28 theImg.removeAttribute("width");theImg.removeAttribute("height"); 29 theImg.src = url; 30 var elt = document.getElementById("derivativeSwitchLink"); 31 if (elt) elt.innerHTML = typeDisplay; 32 theImg.useMap = "#map"+typeMap; 33 } 34 document.cookie = 'picture_deriv='+typeSave+';path={/literal}{$COOKIE_PATH}{literal}'; 35 } 36 37 function toggleDerivativeSwitchBox() 38 { 39 var elt = document.getElementById("derivativeSwitchBox"), 40 ePos = document.getElementById("derivativeSwitchLink"); 41 if (elt.style.display==="none") 42 { 43 elt.style.position = "absolute"; 44 elt.style.left = (ePos.offsetLeft+10)+"px"; 45 elt.style.top = (ePos.offsetTop+ePos.offsetHeight)+"px"; 46 elt.style.display=""; 47 } 48 else 49 elt.style.display="none"; 50 } 51 {/literal}{/footer_script} 52 {strip}<a id="derivativeSwitchLink" href="javascript:toggleDerivativeSwitchBox()" title="{'Photo sizes'|@translate}" class="pwg-state-default pwg-button" rel="nofollow"> 53 <span class="pwg-icon pwg-icon-sizes"> </span><span class="pwg-button-text">{'Photo sizes'|@translate}</span></a> 54 <div id="derivativeSwitchBox" onclick="toggleDerivativeSwitchBox()" style="display:none"> 55 {foreach from=$current.unique_derivatives item=derivative key=derivative_type} 56 <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> 57 {/foreach} 58 {if isset($U_ORIGINAL)} 59 <a href="javascript:phpWGOpenWindow('{$U_ORIGINAL}','xxx','scrollbars=yes,toolbar=no,status=no,resizable=yes')" rel="nofollow">{'Original'|@translate}</a> 60 {/if} 61 </div> 62 {/strip}{/if} 63 64 22 65 {strip}{if isset($U_SLIDESHOW_START)} 23 66 <a href="{$U_SLIDESHOW_START}" title="{'slideshow'|@translate}" class="pwg-state-default pwg-button" rel="nofollow"> … … 76 119 </div>{*<!-- imageToolBar -->*} 77 120 121 <div id="theImageAndInfos"> 78 122 <div id="theImage"> 79 123 {$ELEMENT_CONTENT} … … 269 313 {/if} 270 314 </div> 315 </div> 271 316 272 317 {if isset($COMMENT_COUNT)} … … 274 319 {if $COMMENT_COUNT > 0} 275 320 <h3>{$pwg->l10n_dec('%d comment', '%d comments',$COMMENT_COUNT)}</h3> 276 {if $COMMENT_COUNT > 2} 277 <a href="{$COMMENTS_ORDER_URL}#comments" rel="nofollow">{$COMMENTS_ORDER_TITLE}</a> 278 {/if} 321 {if $COMMENT_COUNT > 2} 322 <a href="{$COMMENTS_ORDER_URL}#comments" rel="nofollow">{$COMMENTS_ORDER_TITLE}</a> 323 {/if} 324 {else} 325 <h3 class="noCommentText">{$pwg->l10n_dec('%d comment', '%d comments',$COMMENT_COUNT)}</h3> 279 326 {/if} 280 327 {if !empty($navbar)}{include file='navigation_bar.tpl'|@get_extent:'navbar'}{/if} -
trunk/themes/default/template/picture_content.tpl
r13068 r13474 3 3 title="{$COMMENT_IMG|@strip_tags:false|@replace:'"':' '}" {else} title="{$current.TITLE|@replace:'"':' '} - {$ALT_IMG}" 4 4 {/if}> 5 {if count($current.unique_derivatives)>1}6 {footer_script}{literal}7 function changeImgSrc(url,typeSave,typeMap,typeDisplay)8 {9 var theImg = document.getElementById("theMainImage");10 if (theImg)11 {12 theImg.removeAttribute("width");theImg.removeAttribute("height");13 theImg.src = url;14 var elt = document.getElementById("derivativeSwitchLink");15 if (elt) elt.innerHTML = typeDisplay;16 theImg.useMap = "#map"+typeMap;17 }18 document.cookie = 'picture_deriv='+typeSave+';path={/literal}{$COOKIE_PATH}{literal}';19 }20 21 function toggleDerivativeSwitchBox()22 {23 var elt = document.getElementById("derivativeSwitchBox"),24 ePos = document.getElementById("derivativeSwitchLink");25 if (elt.style.display==="none")26 {27 elt.style.position = "absolute";28 elt.style.left = (ePos.offsetLeft+10)+"px";29 elt.style.top = (ePos.offsetTop+ePos.offsetHeight)+"px";30 elt.style.display="";31 }32 else33 elt.style.display="none";34 }35 {/literal}{/footer_script}36 <a id="derivativeSwitchLink" href="javascript:toggleDerivativeSwitchBox()">{$current.selected_derivative->get_type()|@translate}</a>37 <div id="derivativeSwitchBox" onclick="toggleDerivativeSwitchBox()" style="display:none">38 {foreach from=$current.unique_derivatives item=derivative key=derivative_type}39 <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>40 {/foreach}41 {if isset($U_ORIGINAL)}42 <a href="javascript:phpWGOpenWindow('{$U_ORIGINAL}','xxx','scrollbars=yes,toolbar=no,status=no,resizable=yes')" rel="nofollow">{'Original'|@translate}</a>43 {/if}44 </div>45 {/if}46 5 47 6 {foreach from=$current.unique_derivatives item=derivative key=derivative_type}{strip} -
trunk/themes/default/template/slideshow.tpl
r13115 r13474 13 13 </div> 14 14 15 <div id="content"> 15 16 <div id="theImage"> 16 17 {$ELEMENT_CONTENT} … … 19 20 {/if} 20 21 </div> 22 </div> -
trunk/themes/default/theme.css
r13240 r13474 341 341 #imageToolBar .pwg-button {width:42px;} 342 342 343 344 #derivativeSwitchLink {345 padding: 0.2em;346 position: absolute;347 left: 5px;348 top: 12%;349 }350 351 343 #derivativeSwitchBox, #sortOrderBox { 352 344 padding: 0.5em 1em; … … 421 413 } 422 414 415 .noCommentText {display:none;} 423 416 424 417 /**
Note: See TracChangeset
for help on using the changeset viewer.