1 | {combine_script id="jquery.ui" path="themes/default/js/ui/jquery.ui.core.js" require='jquery'} |
---|
2 | {combine_script id="jquery.ui.widget" path="themes/default/js/ui/jquery.ui.widget.js" require='jquery.ui'} |
---|
3 | {combine_script id="jquery.ui.mouse" path="themes/default/js/ui/jquery.ui.mouse.js" require='jquery.ui.widget'} |
---|
4 | {combine_script id="jquery.ui.position" path="themes/default/js/ui/jquery.ui.position.js" require='jquery.ui.widget'} |
---|
5 | {combine_script id="jquery.ui.slider" path="themes/default/js/ui/jquery.ui.slider.js" require='jquery.ui.position'} |
---|
6 | |
---|
7 | {literal} |
---|
8 | <style> |
---|
9 | .ui-slider { |
---|
10 | width:360px; |
---|
11 | height:10px; |
---|
12 | border-width:1px; |
---|
13 | border-style:solid; |
---|
14 | margin-right:5px; |
---|
15 | padding-right:74px; |
---|
16 | } |
---|
17 | .ui-slider-handle { |
---|
18 | width:72px; |
---|
19 | height:12px; |
---|
20 | position:relative; |
---|
21 | top:-2px; |
---|
22 | border-width:1px; |
---|
23 | border-style:solid; |
---|
24 | display:block; |
---|
25 | } |
---|
26 | </style> |
---|
27 | <script type="text/javascript"> |
---|
28 | |
---|
29 | function init() |
---|
30 | { |
---|
31 | formatNum({/literal}{$options.metaNumCols}{literal}); |
---|
32 | $("#imnc_slider").slider( |
---|
33 | { |
---|
34 | min:1, |
---|
35 | max:5, |
---|
36 | step:1, |
---|
37 | value:{/literal}{$options.metaNumCols}{literal}, |
---|
38 | slide: function(event, ui) { formatNum(ui.value); } |
---|
39 | } |
---|
40 | ); |
---|
41 | $("#imnc_slider a").addClass('gcBgInput'); |
---|
42 | } |
---|
43 | |
---|
44 | function formatNum(numCols) |
---|
45 | { |
---|
46 | $("#imetaNumCols").val(numCols); |
---|
47 | $("#imnc_display").html("{/literal}{'gally_columns'|@translate}{literal} : "+numCols); |
---|
48 | } |
---|
49 | |
---|
50 | function switchVisibility(item, visible) |
---|
51 | { |
---|
52 | if(visible=="yes") |
---|
53 | { |
---|
54 | $('#'+item).css("display", "block"); |
---|
55 | } |
---|
56 | else |
---|
57 | { |
---|
58 | $('#'+item).css("display", "none"); |
---|
59 | } |
---|
60 | } |
---|
61 | |
---|
62 | function setOptionCB(id) |
---|
63 | { |
---|
64 | if($('#'+id+'_cb').get(0).checked) |
---|
65 | { |
---|
66 | $('#'+id).val('yes'); |
---|
67 | } |
---|
68 | else |
---|
69 | { |
---|
70 | $('#'+id).val('no'); |
---|
71 | } |
---|
72 | } |
---|
73 | |
---|
74 | </script> |
---|
75 | {/literal} |
---|
76 | |
---|
77 | |
---|
78 | <p>{'gally_img_other_desc'|@translate}</p> |
---|
79 | <br> |
---|
80 | |
---|
81 | <form method="post" action="" class="general"> |
---|
82 | |
---|
83 | <fieldset> |
---|
84 | <legend>{'gally_display_banner'|@translate}</legend> |
---|
85 | |
---|
86 | <p class="leftAlign">{'gally_display_banner_desc'|@translate}</p> |
---|
87 | |
---|
88 | <label><input onclick="switchVisibility('idisplayBannerAlternate', 'no');" type="radio" name="f_displayBanner" id="idisplayBanner" value="yes" {if $options.displayBanner=="yes"}checked{/if}> {'gally_display_banner_yes'|@translate}</label><br> |
---|
89 | <label><input onclick="switchVisibility('idisplayBannerAlternate', 'no');" type="radio" name="f_displayBanner" id="idisplayBanner" value="no" {if $options.displayBanner=="no"}checked{/if}> {'gally_display_banner_no'|@translate}</label><br> |
---|
90 | <label><input onclick="switchVisibility('idisplayBannerAlternate', 'yes');" type="radio" name="f_displayBanner" id="idisplayBanner" value="alternate" {if $options.displayBanner=="alternate"}checked{/if}> {'gally_display_banner_alternate'|@translate}</label><br> |
---|
91 | <div id="idisplayBannerAlternate" style="margin-left:30px;{if $options.displayBanner!="alternate"}display:none;{/if}"> |
---|
92 | <label>{'gally_alternate_banner_content'|@translate}<br> |
---|
93 | <textarea id="ialternateBannerContent" name="f_alternateBannerContent" cols="80" rows="7">{$options.alternateBannerContent}</textarea> |
---|
94 | </label> |
---|
95 | </div> |
---|
96 | </fieldset> |
---|
97 | |
---|
98 | |
---|
99 | <fieldset> |
---|
100 | <legend>{'gally_meta_num_cols'|@translate}</legend> |
---|
101 | |
---|
102 | <p class="leftAlign">{'gally_meta_num_cols_desc'|@translate}</p> |
---|
103 | |
---|
104 | <input type="hidden" name="f_metaNumCols" id="imetaNumCols" value="{$options.metaNumCols}"> |
---|
105 | <table style="margin-left:0px;"> |
---|
106 | <tr> |
---|
107 | <td><div id="imnc_slider" class="gcBgInput gcBorderInput"></div></td> |
---|
108 | <td><div id="imnc_display"></div></td> |
---|
109 | </tr> |
---|
110 | </table> |
---|
111 | </fieldset> |
---|
112 | |
---|
113 | |
---|
114 | <fieldset> |
---|
115 | <legend>{'gally_image_auto_scroll'|@translate}</legend> |
---|
116 | |
---|
117 | <p class="leftAlign"> |
---|
118 | {'gally_image_auto_scroll_desc'|@translate}<br> |
---|
119 | <span style="font-style:italic;margin-left:20px;">!!! {'gally_image_auto_scroll_warning'|@translate} !!!</span> |
---|
120 | </p> |
---|
121 | <label><input type="radio" name="f_imageAutoScroll" id="iimageAutoScroll" value="yes" {if $options.imageAutoScroll=="yes"}checked{/if}> {'gally_image_auto_scroll_yes'|@translate}</label><br> |
---|
122 | <label><input type="radio" name="f_imageAutoScroll" id="iimageAutoScroll" value="no" {if $options.imageAutoScroll=="no"}checked{/if}> {'gally_image_auto_scroll_no'|@translate}</label><br> |
---|
123 | |
---|
124 | <br> |
---|
125 | <label> |
---|
126 | <input type="checkbox" id="iimageSimulateHighRes_cb" {if $options.imageSimulateHighRes=="yes"}checked{/if} onclick="setOptionCB('iimageSimulateHighRes');"> {'gally_image_simulate_high_res'|@translate} |
---|
127 | <input type="hidden" name="f_imageSimulateHighRes" id="iimageSimulateHighRes" value="{$options.imageSimulateHighRes}"> |
---|
128 | </label><br> |
---|
129 | |
---|
130 | </fieldset> |
---|
131 | |
---|
132 | |
---|
133 | <input type="submit" value="{'Submit'|@translate}" name="submit_gally"> |
---|
134 | |
---|
135 | </form> |
---|
136 | |
---|
137 | <script type="text/javascript"> |
---|
138 | init(); |
---|
139 | </script> |
---|