- Timestamp:
- Mar 14, 2011, 5:12:07 PM (13 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
extensions/floOS/OS_glass_clear/template/picture_nav_buttons.tpl
r9673 r9675 1 1 <div class="navButtons"> 2 2 3 {if isset($last)} 4 <a class="navButton prev" href="{$last.U_IMG}" title="{'Last'|@translate} : {$last.TITLE}" rel="last"><img src="{$ROOT_URL}{$themeconf.icon_dir}/last.png" class="button" alt="{'Last'|@translate}"></a> 3 {strip}{if isset($last)} 4 <a href="{$last.U_IMG}" title="{'Last'|@translate} : {$last.TITLE}" class="pwg-state-default pwg-button pwg-button-icon-right"> 5 <span class="pwg-icon pwg-icon-arrowstop-e"></span><span class="pwg-button-text">{'Last'|@translate}</span> 6 </a> 5 7 {else} 6 <a class="navButton prev"><img src="{$ROOT_URL}{$themeconf.icon_dir}/last_unactive.png" class="button" alt=""></a> 7 {/if} 8 9 {if isset($next)} 10 <a class="navButton next" href="{$next.U_IMG}" title="{'Next'|@translate} : {$next.TITLE}" rel="next"><img src="{$ROOT_URL}{$themeconf.icon_dir}/right.png" class="button" alt="{'Next'|@translate}"></a> 8 <span class="pwg-state-disabled pwg-button pwg-button-icon-right"> 9 <span class="pwg-icon pwg-icon-arrowstop-e"> </span><span class="pwg-button-text">{'Last'|@translate}</span> 10 </span> 11 {/if}{/strip} 12 {strip}{if isset($next)} 13 <a href="{$next.U_IMG}" title="{'Next'|@translate} : {$next.TITLE}" class="pwg-state-default pwg-button pwg-button-icon-right"> 14 <span class="pwg-icon pwg-icon-arrow-e"> </span><span class="pwg-button-text">{'Next'|@translate}</span> 15 </a> 11 16 {else} 12 <a class="navButton next"><img src="{$ROOT_URL}{$themeconf.icon_dir}/right_unactive.png" class="button" alt=""></a> 13 {/if} 17 <span class="pwg-state-disabled pwg-button pwg-button-icon-right"> 18 <span class="pwg-icon pwg-icon-arrow-e"> </span><span class="pwg-button-text">{'Next'|@translate}</span> 19 </span> 20 {/if}{/strip} 14 21 {if isset($next) } 15 22 <a class="navThumb" id="thumbNext" href="{$next.U_IMG}" title="{'Next'|@translate} : {$next.TITLE}" rel="next"> … … 17 24 </a> 18 25 {/if} 19 26 <img src="{$current.THUMB_SRC}" class="thumbLink" id="thumbCurrent" alt="{$ALT_IMG}"> 20 27 {if isset($previous) } 21 28 <a class="navThumb" id="thumbPrev" href="{$previous.U_IMG}" title="{'Previous'|@translate} : {$previous.TITLE}" rel="prev"> … … 25 32 26 33 {if isset($slideshow.U_START_PLAY)} 27 <a class="navButton play" href="{$slideshow.U_START_PLAY}" title="{'Play of slideshow'|@translate}" rel="play"><img src="{$ROOT_URL}{$themeconf.icon_dir}/play.png" class="button" alt="{'Play of slideshow'|@translate}"></a> 34 <a href="{$slideshow.U_START_PLAY}" title="{'Play of slideshow'|@translate}" class="pwg-state-default pwg-button"> 35 <span class="pwg-icon pwg-icon-play"> </span><span class="pwg-button-text">{'Play of slideshow'|@translate}</span> 36 </a> 28 37 {/if} 29 30 38 {if isset($slideshow.U_STOP_PLAY)} 31 <a class="navButton play" href="{$slideshow.U_STOP_PLAY}" title="{'Pause of slideshow'|@translate}" rel="play"><img src="{$ROOT_URL}{$themeconf.icon_dir}/pause.png" class="button" alt="{'Pause of slideshow'|@translate}"></a> 39 <a href="{$slideshow.U_STOP_PLAY}" title="{'Pause of slideshow'|@translate}" class="pwg-state-default pwg-button"> 40 <span class="pwg-icon pwg-icon-pause"> </span><span class="pwg-button-text">{'Pause of slideshow'|@translate}</span> 41 </a> 32 42 {/if} 33 43 34 44 35 {if isset($previous)} 36 <a class="navButton prev" href="{$previous.U_IMG}" title="{'Previous'|@translate} : {$previous.TITLE}" rel="prev"><img src="{$ROOT_URL}{$themeconf.icon_dir}/left.png" class="button" alt="{'Previous'|@translate}"></a> 45 {strip}{if isset($previous)} 46 <a href="{$previous.U_IMG}" title="{'Previous'|@translate} : {$previous.TITLE}" class="pwg-state-default pwg-button"> 47 <span class="pwg-icon pwg-icon-arrow-w"> </span><span class="pwg-button-text">{'Previous'|@translate}</span> 48 </a> 37 49 {else} 38 <a class="navButton prev"><img src="{$ROOT_URL}{$themeconf.icon_dir}/left_unactive.png" class="button" alt=""></a> 39 {/if} 50 <span class="pwg-state-disabled pwg-button"> 51 <span class="pwg-icon pwg-icon-arrow-w"> </span><span class="pwg-button-text">{'Previous'|@translate}</span> 52 </span> 53 {/if}{/strip} 40 54 41 {if isset($first)} 42 <a class="navButton prev" href="{$first.U_IMG}" title="{'First'|@translate} : {$first.TITLE}" rel="first"><img src="{$ROOT_URL}{$themeconf.icon_dir}/first.png" class="button" alt="{'First'|@translate}"></a> 55 {strip}{if isset($first)} 56 <a href="{$first.U_IMG}" title="{'First'|@translate} : {$first.TITLE}" class="pwg-state-default pwg-button"> 57 <span class="pwg-icon pwg-icon-arrowstop-w"> </span><span class="pwg-button-text">{'First'|@translate}</span> 58 </a> 43 59 {else} 44 <a class="navButton prev"><img src="{$ROOT_URL}{$themeconf.icon_dir}/first_unactive.png" class="button" alt=""></a> 45 {/if} 60 <span class="pwg-state-disabled pwg-button"> 61 <span class="pwg-icon pwg-icon-arrowstop-w"> </span><span class="pwg-button-text">{'First'|@translate}</span> 62 </span> 63 {/if}{/strip} 46 64 47 65 48 66 {if isset($slideshow.U_START_REPEAT)} 49 <a class="navButton repeat" href="{$slideshow.U_START_REPEAT}" title="{'Repeat the slideshow'|@translate}" rel="repeat"><img src="{$ROOT_URL}{$themeconf.icon_dir}/start_repeat.png" class="button" alt="{'Repeat the slideshow'|@translate}"></a> 67 <a href="{$slideshow.U_START_REPEAT}" title="{'Repeat the slideshow'|@translate}" class="pwg-state-default pwg-button"> 68 <span class="pwg-icon pwg-icon-repeat-play"> </span><span class="pwg-button-text">{'Repeat the slideshow'|@translate}</span> 69 </a> 50 70 {/if} 51 52 71 {if isset($slideshow.U_STOP_REPEAT)} 53 <a class="navButton repeat" href="{$slideshow.U_STOP_REPEAT}" title="{'Not repeat the slideshow'|@translate}" rel="repeat"><img src="{$ROOT_URL}{$themeconf.icon_dir}/stop_repeat.png" class="button" alt="{'Not repeat the slideshow'|@translate}"></a> 72 <a href="{$slideshow.U_STOP_REPEAT}" title="{'Not repeat the slideshow'|@translate}" class="pwg-state-default pwg-button"> 73 <span class="pwg-icon pwg-icon-repeat-stop"> </span><span class="pwg-button-text">{'Not repeat the slideshow'|@translate}</span> 74 </a> 54 75 {/if} 55 76 56 77 {if isset($slideshow)} 57 {if isset($slideshow.U_DEC_PERIOD)} 58 <a class="navButton dec_period" href="{$slideshow.U_DEC_PERIOD}" title="{'Accelerate diaporama speed'|@translate}" rel="repeat"><img src="{$ROOT_URL}{$themeconf.icon_dir}/dec_period.png" class="button" alt="{'Accelerate diaporama speed'|@translate}"></a> 59 {else} 60 <a class="navButton dec_period"> <img src="{$ROOT_URL}{$themeconf.icon_dir}/dec_period_unactive.png" class="button" alt=""></a> 61 {/if} 62 63 {if isset($slideshow.U_INC_PERIOD)} 64 <a class="navButton inc_period" href="{$slideshow.U_INC_PERIOD}" title="{'Reduce diaporama speed'|@translate}" rel="repeat"><img src="{$ROOT_URL}{$themeconf.icon_dir}/inc_period.png" class="button" alt="{'Reduce diaporama speed'|@translate}"></a> 65 {else} 66 <a class="navButton inc_period"> <img src="{$ROOT_URL}{$themeconf.icon_dir}/inc_period_unactive.png" class="button" alt=""></a> 67 {/if} 78 {if isset($slideshow.U_INC_PERIOD)} 79 <a href="{$slideshow.U_INC_PERIOD}" title="{'Accelerate diaporama speed'|@translate}" class="pwg-state-default pwg-button"> 80 <span class="pwg-icon pwg-icon-clock-minus"> </span><span class="pwg-button-text">{'Accelerate diaporama speed'|@translate}</span> 81 </a> 82 {else} 83 <span class="pwg-state-disabled pwg-button"> 84 <span class="pwg-icon pwg-icon-clock-minus"> </span><span class="pwg-button-text">{'Accelerate diaporama speed'|@translate}</span> 85 </span> 86 {/if} 87 {if isset($slideshow.U_DEC_PERIOD)} 88 <a href="{$slideshow.U_DEC_PERIOD}" title="{'Accelerate diaporama speed'|@translate}" class="pwg-state-default pwg-button"> 89 <span class="pwg-icon pwg-icon-clock-plus"> </span><span class="pwg-button-text">{'Accelerate diaporama speed'|@translate}</span> 90 </a> 91 {else} 92 <span class="pwg-state-disabled pwg-button"> 93 <span class="pwg-icon pwg-icon-clock-plus"> </span><span class="pwg-button-text">{'Accelerate diaporama speed'|@translate}</span> 94 </span> 95 {/if} 96 {/if} 97 {strip}{if isset($U_UP) and !isset($slideshow)} 98 <a href="{$U_UP}" title="{'Thumbnails'|@translate}" class="pwg-state-default pwg-button"> 99 <span class="pwg-icon pwg-icon-arrow-n"> </span><span class="pwg-button-text">{'Thumbnails'|@translate}</span> 100 </a> 101 {/if}{/strip} 102 </div> 103 {strip} 104 {footer_script} 105 document.onkeydown = function(e){ldelim} 106 e=e||window.event; 107 if (e.altKey) return true; 108 var target=e.target||e.srcElement; 109 if (target && target.type) return true;{* an input editable element *} 110 var keyCode=e.keyCode||e.which, docElem=document.documentElement, url; 111 switch(keyCode){ldelim} 112 {if isset($next)} 113 case 63235: case 39: if (e.ctrlKey || docElem.scrollLeft==docElem.scrollWidth-docElem.clientWidth)url="{$next.U_IMG}"; break; 114 {/if} 115 {if isset($previous)} 116 case 63234: case 37: if (e.ctrlKey || docElem.scrollLeft==0)url="{$previous.U_IMG}"; break; 117 {/if} 118 {if isset($first)} 119 {* Home *}case 36: if (e.ctrlKey)url="{$first.U_IMG}"; break; 120 {/if} 121 {if isset($last)} 122 {* End *}case 35: if (e.ctrlKey)url="{$last.U_IMG}"; break; 68 123 {/if} 69 124 {if isset($U_UP) and !isset($slideshow)} 70 <a class="navButton up" href="{$U_UP}" title="{'thumbnails'|@translate}" rel="up"><img src="{$ROOT_URL}{$themeconf.icon_dir}/up.png" class="button" alt="{'thumbnails'|@translate}"></a> 125 {* Up *}case 38: if (e.ctrlKey)url="{$U_UP}"; break; 71 126 {/if} 72 73 </div>74 75 <script type="text/javascript">// <![CDATA[76 {literal}77 function keyboardNavigation(e)78 {79 if(!e) e=window.event;80 if (e.altKey) return true;81 var target = e.target || e.srcElement;82 if (target && target.type) return true; //an input editable element83 var keyCode=e.keyCode || e.which;84 var docElem = document.documentElement;85 switch(keyCode) {86 {/literal}87 {if isset($next)}88 case 63235: case 39: if (e.ctrlKey || docElem.scrollLeft==docElem.scrollWidth-docElem.clientWidth ){ldelim}window.location="{$next.U_IMG}".replace( "&", "&" ); return false; } break;89 {/if}90 {if isset($previous)}91 case 63234: case 37: if (e.ctrlKey || docElem.scrollLeft==0){ldelim}window.location="{$previous.U_IMG|@escape:jasvascript}".replace("&","&"); return false; } break;92 {/if}93 {if isset($first)}94 /*Home*/case 36: if (e.ctrlKey){ldelim}window.location="{$first.U_IMG|@escape:jasvascript}".replace("&","&"); return false; } break;95 {/if}96 {if isset($last)}97 /*End*/case 35: if (e.ctrlKey){ldelim}window.location="{$last.U_IMG|@escape:jasvascript}".replace("&","&"); return false; } break;98 {/if}99 {if isset($U_UP) and !isset($slideshow)}100 /*Up*/case 38: if (e.ctrlKey){ldelim}window.location="{$U_UP|@escape:jasvascript}".replace("&","&"); return false; } break;101 {/if}102 103 127 {if isset($slideshow.U_START_PLAY)} 104 /*Pause*/case 32: {ldelim}window.location="{$slideshow.U_START_PLAY|@escape:jasvascript}".replace("&","&"); return false; }break;128 {* Pause *}case 32: url="{$slideshow.U_START_PLAY}"; break; 105 129 {/if} 106 130 {if isset($slideshow.U_STOP_PLAY)} 107 /*Play*/case 32: {ldelim}window.location="{$slideshow.U_STOP_PLAY|@escape:jasvascript}".replace("&","&"); return false; }break;131 {* Play *}case 32: url="{$slideshow.U_STOP_PLAY}"; break; 108 132 {/if} 109 133 } 134 if (url) {ldelim}window.location=url.replace("&","&"); return false;} 110 135 return true; 111 136 } 112 document.onkeydown=keyboardNavigation; 113 // ]]></script> 137 {/footer_script} 138 {/strip}
Note: See TracChangeset
for help on using the changeset viewer.