[18803] | 1 | <div class="navigationButtons"> |
---|
| 2 | <div id="groupbuttons"> |
---|
| 3 | {if $DISPLAY_NAV_BUTTONS or isset($slideshow)} |
---|
| 4 | {if isset($slideshow)} |
---|
| 5 | {if isset($slideshow.U_INC_PERIOD)} |
---|
| 6 | <a href="{$slideshow.U_INC_PERIOD}" title="{'Reduce diaporama speed'|@translate}" class="pwg-state-default pwg-button"> |
---|
| 7 | <span class="pwg-icon pwg-icon-clock-minus"> </span><span class="pwg-button-text">{'Reduce diaporama speed'|@translate}</span> |
---|
| 8 | </a> |
---|
| 9 | {else} |
---|
| 10 | <span class="pwg-state-disabled pwg-button"> |
---|
| 11 | <span class="pwg-icon pwg-icon-clock-minus"> </span><span class="pwg-button-text">{'Reduce diaporama speed'|@translate}</span> |
---|
| 12 | </span> |
---|
| 13 | {/if} |
---|
| 14 | {if isset($slideshow.U_DEC_PERIOD)} |
---|
| 15 | <a href="{$slideshow.U_DEC_PERIOD}" title="{'Accelerate diaporama speed'|@translate}" class="pwg-state-default pwg-button"> |
---|
| 16 | <span class="pwg-icon pwg-icon-clock-plus"> </span><span class="pwg-button-text">{'Accelerate diaporama speed'|@translate}</span> |
---|
| 17 | </a> |
---|
| 18 | {else} |
---|
| 19 | <span class="pwg-state-disabled pwg-button"> |
---|
| 20 | <span class="pwg-icon pwg-icon-clock-plus"> </span><span class="pwg-button-text">{'Accelerate diaporama speed'|@translate}</span> |
---|
| 21 | </span> |
---|
| 22 | {/if} |
---|
| 23 | {/if} |
---|
| 24 | {if isset($slideshow.U_START_REPEAT)} |
---|
| 25 | <a href="{$slideshow.U_START_REPEAT}" title="{'Repeat the slideshow'|@translate}" class="pwg-state-default pwg-button"> |
---|
| 26 | <span class="pwg-icon pwg-icon-repeat-play"> </span><span class="pwg-button-text">{'Repeat the slideshow'|@translate}</span> |
---|
| 27 | </a> |
---|
| 28 | {/if} |
---|
| 29 | {if isset($slideshow.U_STOP_REPEAT)} |
---|
| 30 | <a href="{$slideshow.U_STOP_REPEAT}" title="{'Not repeat the slideshow'|@translate}" class="pwg-state-default pwg-button"> |
---|
| 31 | <span class="pwg-icon pwg-icon-repeat-stop"> </span><span class="pwg-button-text">{'Not repeat the slideshow'|@translate}</span> |
---|
| 32 | </a> |
---|
| 33 | {/if} |
---|
| 34 | {strip}{if isset($first)} |
---|
| 35 | <a href="{$first.U_IMG}" title="{'First'|@translate} : {$first.TITLE}" class="pwg-state-default pwg-button"> |
---|
| 36 | <span class="pwg-icon pwg-icon-arrowstop-w"> </span><span class="pwg-button-text">{'First'|@translate}</span> |
---|
| 37 | </a> |
---|
| 38 | {else} |
---|
| 39 | <span class="pwg-state-disabled pwg-button"> |
---|
| 40 | <span class="pwg-icon pwg-icon-arrowstop-w"> </span><span class="pwg-button-text">{'First'|@translate}</span> |
---|
| 41 | </span> |
---|
| 42 | {/if}{/strip} |
---|
| 43 | {strip}{if isset($previous)} |
---|
| 44 | <a href="{$previous.U_IMG}" title="{'Previous'|@translate} : {$previous.TITLE}" class="pwg-state-default pwg-button"> |
---|
| 45 | <span class="pwg-icon pwg-icon-arrow-w"> </span><span class="pwg-button-text">{'Previous'|@translate}</span> |
---|
| 46 | </a> |
---|
| 47 | {else} |
---|
| 48 | <span class="pwg-state-disabled pwg-button"> |
---|
| 49 | <span class="pwg-icon pwg-icon-arrow-w"> </span><span class="pwg-button-text">{'Previous'|@translate}</span> |
---|
| 50 | </span> |
---|
| 51 | {/if}{/strip} |
---|
| 52 | {if isset($slideshow.U_START_PLAY)} |
---|
| 53 | <a href="{$slideshow.U_START_PLAY}" title="{'Play of slideshow'|@translate}" class="pwg-state-default pwg-button"> |
---|
| 54 | <span class="pwg-icon pwg-icon-play"> </span><span class="pwg-button-text">{'Play of slideshow'|@translate}</span> |
---|
| 55 | </a> |
---|
| 56 | {/if} |
---|
| 57 | {if isset($slideshow.U_STOP_PLAY)} |
---|
| 58 | <a href="{$slideshow.U_STOP_PLAY}" title="{'Pause of slideshow'|@translate}" class="pwg-state-default pwg-button"> |
---|
| 59 | <span class="pwg-icon pwg-icon-pause"> </span><span class="pwg-button-text">{'Pause of slideshow'|@translate}</span> |
---|
| 60 | </a> |
---|
| 61 | {/if} |
---|
| 62 | {strip}{if isset($U_UP) and !isset($slideshow)} |
---|
| 63 | <a href="{$U_UP}" title="{'Thumbnails'|@translate}" class="pwg-state-default pwg-button"> |
---|
| 64 | <span class="pwg-icon pwg-icon-arrow-n"> </span><span class="pwg-button-text">{'Thumbnails'|@translate}</span> |
---|
| 65 | </a> |
---|
| 66 | {/if}{/strip} |
---|
| 67 | {strip}{if isset($next)} |
---|
| 68 | <a href="{$next.U_IMG}" title="{'Next'|@translate} : {$next.TITLE}" class="pwg-state-default pwg-button pwg-button-icon-right"> |
---|
| 69 | <span class="pwg-icon pwg-icon-arrow-e"> </span><span class="pwg-button-text">{'Next'|@translate}</span> |
---|
| 70 | </a> |
---|
| 71 | {else} |
---|
| 72 | <span class="pwg-state-disabled pwg-button pwg-button-icon-right"> |
---|
| 73 | <span class="pwg-icon pwg-icon-arrow-e"> </span><span class="pwg-button-text">{'Next'|@translate}</span> |
---|
| 74 | </span> |
---|
| 75 | {/if}{/strip} |
---|
| 76 | {strip}{if isset($last)} |
---|
| 77 | <a href="{$last.U_IMG}" title="{'Last'|@translate} : {$last.TITLE}" class="pwg-state-default pwg-button pwg-button-icon-right"> |
---|
| 78 | <span class="pwg-icon pwg-icon-arrowstop-e"></span><span class="pwg-button-text">{'Last'|@translate}</span> |
---|
| 79 | </a> |
---|
| 80 | {else} |
---|
| 81 | <span class="pwg-state-disabled pwg-button pwg-button-icon-right"> |
---|
| 82 | <span class="pwg-icon pwg-icon-arrowstop-e"> </span><span class="pwg-button-text">{'Last'|@translate}</span> |
---|
| 83 | </span> |
---|
| 84 | {/if}{/strip} |
---|
| 85 | {/if} |
---|
| 86 | </div> |
---|
| 87 | </div> |
---|
| 88 | |
---|
| 89 | {strip} |
---|
| 90 | {footer_script} |
---|
| 91 | document.onkeydown = function(e){ldelim} |
---|
| 92 | e=e||window.event; |
---|
| 93 | if (e.altKey) return true; |
---|
| 94 | var target=e.target||e.srcElement; |
---|
| 95 | if (target && target.type) return true;{* an input editable element *} |
---|
| 96 | var keyCode=e.keyCode||e.which, docElem=document.documentElement, url; |
---|
| 97 | switch(keyCode){ldelim} |
---|
| 98 | {if isset($next)} |
---|
| 99 | case 63235: case 39: if (e.ctrlKey || docElem.scrollLeft==docElem.scrollWidth-docElem.clientWidth)url="{$next.U_IMG}"; break; |
---|
| 100 | {/if} |
---|
| 101 | {if isset($previous)} |
---|
| 102 | case 63234: case 37: if (e.ctrlKey || docElem.scrollLeft==0)url="{$previous.U_IMG}"; break; |
---|
| 103 | {/if} |
---|
| 104 | {if isset($first)} |
---|
| 105 | {* Home *}case 36: if (e.ctrlKey)url="{$first.U_IMG}"; break; |
---|
| 106 | {/if} |
---|
| 107 | {if isset($last)} |
---|
| 108 | {* End *}case 35: if (e.ctrlKey)url="{$last.U_IMG}"; break; |
---|
| 109 | {/if} |
---|
| 110 | {if isset($U_UP) and !isset($slideshow)} |
---|
| 111 | {* Up *}case 38: if (e.ctrlKey)url="{$U_UP}"; break; |
---|
| 112 | {/if} |
---|
| 113 | {if isset($slideshow.U_START_PLAY)} |
---|
| 114 | {* Pause *}case 32: url="{$slideshow.U_START_PLAY}"; break; |
---|
| 115 | {/if} |
---|
| 116 | {if isset($slideshow.U_STOP_PLAY)} |
---|
| 117 | {* Play *}case 32: url="{$slideshow.U_STOP_PLAY}"; break; |
---|
| 118 | {/if} |
---|
| 119 | } |
---|
| 120 | if (url) {ldelim}window.location=url.replace("&","&"); return false;} |
---|
| 121 | return true; |
---|
| 122 | } |
---|
| 123 | {/footer_script} |
---|
| 124 | {/strip} |
---|