source: extensions/gally/gally-default/admin/gally_img_other.tpl @ 6752

Last change on this file since 6752 was 6752, checked in by grum, 10 years ago

for panoramic images, add possibility to simulate presence of a high resolution image

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