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