1 | <br> |
---|
2 | <div id="colorpicker" style="float: right;"></div> |
---|
3 | <table> |
---|
4 | |
---|
5 | <tr> |
---|
6 | <td colspan="3" align="left"><label>{'StackG_options_label'|@translate}</label> |
---|
7 | </td> |
---|
8 | </tr> |
---|
9 | <tr> |
---|
10 | <td>{'StackG_captionColor'|@translate}</td> |
---|
11 | <td colspan="2"><input type="text" size="7" maxlength="7" name="StackG_captionColor" class="colorwell" value="{$StackG_captionColor}" /></td> |
---|
12 | </tr> |
---|
13 | <tr> |
---|
14 | <td>{'StackG_frameColor'|@translate}</td> |
---|
15 | <td colspan="2"><input type="text" size="7" maxlength="7" name="StackG_frameColor" class="colorwell" value="{$StackG_frameColor}" /></td> |
---|
16 | </tr> |
---|
17 | <tr> |
---|
18 | <td>{'StackG_imageScaleMode'|@translate}</td> |
---|
19 | <td colspan="2"> |
---|
20 | <select id="StackG_imageScaleMode" name="StackG_imageScaleMode"> |
---|
21 | {foreach from=$StackG_imageScaleMode item=StackG_imageScaleMode} |
---|
22 | <option value="{$StackG_imageScaleMode.ID}" {$StackG_imageScaleMode.SELECTED}>{$StackG_imageScaleMode.NAME}</option> |
---|
23 | {/foreach} |
---|
24 | </select> |
---|
25 | </td> |
---|
26 | </tr> |
---|
27 | |
---|
28 | <tr> |
---|
29 | <td>{'StackG_visibleImages'|@translate}</td> |
---|
30 | <td colspan="2"><input type="text" size="3" maxlength="3" name="StackG_visibleImages" value="{$StackG_visibleImages}" /> </td> |
---|
31 | </tr> |
---|
32 | <tr> |
---|
33 | <td>{'StackG_usePhotoNumbers'|@translate}</td> |
---|
34 | <td colspan="2"><input type="checkbox" name="StackG_usePhotoNumbers" {$StackG_usePhotoNumbers}/></td> |
---|
35 | </tr> |
---|
36 | |
---|
37 | <tr> |
---|
38 | <td>{'StackG_backButtonLabel'|@translate}</td> |
---|
39 | <td colspan="2"><input type="text" size="20" maxlength="20" name="StackG_backButtonLabel" value="{$StackG_backButtonLabel}" /></td> |
---|
40 | </tr> |
---|
41 | <tr> |
---|
42 | <td>{'StackG_slideshow'|@translate}</td> |
---|
43 | <td colspan="2"><input type="checkbox" name="StackG_slideshow" {$StackG_slideshow}/></td> |
---|
44 | </tr> |
---|
45 | |
---|
46 | |
---|
47 | <tr> |
---|
48 | <td> </td> |
---|
49 | <td align="center">{'StackG_height'|@translate}</label></td> |
---|
50 | <td align="center">{'StackG_width'|@translate}</td> |
---|
51 | </tr> |
---|
52 | <tr> |
---|
53 | <td>{'SV_thumbnail'|@translate}</td> |
---|
54 | <td align="center"><input type="text" size="3" maxlength="3" name="StackG_height" value="{$StackG_height}" /></td> |
---|
55 | <td align="center"><input type="text" size="3" maxlength="3" name="StackG_width" value="{$StackG_width}" /></td> |
---|
56 | </tr> |
---|
57 | |
---|
58 | </table> |
---|
59 | |
---|
60 | {literal} |
---|
61 | |
---|
62 | <script type="text/javascript" charset="utf-8"> |
---|
63 | $(document).ready(function() { |
---|
64 | var f = $.farbtastic('#colorpicker'); |
---|
65 | var selected; |
---|
66 | $('.colorwell') |
---|
67 | .each(function () { f.linkTo(this); }) |
---|
68 | .focus(function() { |
---|
69 | f.linkTo(this); |
---|
70 | |
---|
71 | }); |
---|
72 | }); |
---|
73 | </script> |
---|
74 | {/literal} |
---|
75 | |
---|