1 | <div class="navButtons"> |
---|
2 | |
---|
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> |
---|
7 | {else} |
---|
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> |
---|
16 | {else} |
---|
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} |
---|
21 | {if isset($next) } |
---|
22 | <a class="navThumb" id="thumbNext" href="{$next.U_IMG}" title="{'Next'|@translate} : {$next.TITLE}" rel="next"> |
---|
23 | <img src="{$next.derivatives.square->get_url()}" class="thumbLink" id="linkNext" alt="{$next.TITLE}"> |
---|
24 | </a> |
---|
25 | {/if} |
---|
26 | <img src="{$current.derivatives.square->get_url()}" class="thumbLink" id="thumbCurrent" alt="{$ALT_IMG}"> |
---|
27 | {if isset($previous) } |
---|
28 | <a class="navThumb" id="thumbPrev" href="{$previous.U_IMG}" title="{'Previous'|@translate} : {$previous.TITLE}" rel="prev"> |
---|
29 | <img src="{$previous.derivatives.square->get_url()}" class="thumbLink" id="linkPrev" alt="{$previous.TITLE}"> |
---|
30 | </a> |
---|
31 | {/if} |
---|
32 | |
---|
33 | {if isset($slideshow.U_START_PLAY)} |
---|
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> |
---|
37 | {/if} |
---|
38 | {if isset($slideshow.U_STOP_PLAY)} |
---|
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> |
---|
42 | {/if} |
---|
43 | |
---|
44 | |
---|
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> |
---|
49 | {else} |
---|
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} |
---|
54 | |
---|
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> |
---|
59 | {else} |
---|
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} |
---|
64 | |
---|
65 | |
---|
66 | {if isset($slideshow.U_START_REPEAT)} |
---|
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> |
---|
70 | {/if} |
---|
71 | {if isset($slideshow.U_STOP_REPEAT)} |
---|
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> |
---|
75 | {/if} |
---|
76 | |
---|
77 | {if isset($slideshow)} |
---|
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; |
---|
123 | {/if} |
---|
124 | {if isset($U_UP) and !isset($slideshow)} |
---|
125 | {* Up *}case 38: if (e.ctrlKey)url="{$U_UP}"; break; |
---|
126 | {/if} |
---|
127 | {if isset($slideshow.U_START_PLAY)} |
---|
128 | {* Pause *}case 32: url="{$slideshow.U_START_PLAY}"; break; |
---|
129 | {/if} |
---|
130 | {if isset($slideshow.U_STOP_PLAY)} |
---|
131 | {* Play *}case 32: url="{$slideshow.U_STOP_PLAY}"; break; |
---|
132 | {/if} |
---|
133 | } |
---|
134 | if (url) {ldelim}window.location=url.replace("&","&"); return false;} |
---|
135 | return true; |
---|
136 | } |
---|
137 | {/footer_script} |
---|
138 | {/strip} |
---|