source: extensions/floOS/OS_default/template/picture_nav_buttons.tpl @ 14391

Last change on this file since 14391 was 14391, checked in by flop25, 12 years ago

feature :
-square thumbnails for next/previous on picture page
File size: 6.1 KB
Line 
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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</span><span class="pwg-button-text">{'Thumbnails'|@translate}</span>
100        </a>
101{/if}{/strip}
102</div>
103{strip}
104{footer_script}
105document.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("&amp;","&"); return false;}
135        return true;
136}
137{/footer_script}
138{/strip}
Note: See TracBrowser for help on using the repository browser.