[6109] | 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 | </script> |
---|
| 60 | {/literal} |
---|
| 61 | |
---|
| 62 | |
---|
| 63 | <p>{'gally_img_other_desc'|@translate}</p> |
---|
| 64 | <br> |
---|
| 65 | |
---|
| 66 | <form method="post" action="" class="general"> |
---|
| 67 | |
---|
| 68 | <fieldset> |
---|
| 69 | <legend>{'gally_display_banner'|@translate}</legend> |
---|
| 70 | |
---|
| 71 | <p class="leftAlign">{'gally_display_banner_desc'|@translate}</p> |
---|
| 72 | |
---|
| 73 | <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> |
---|
| 74 | <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> |
---|
| 75 | <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> |
---|
| 76 | <div id="idisplayBannerAlternate" style="margin-left:30px;{if $options.displayBanner!="alternate"}display:none;{/if}"> |
---|
| 77 | <label>{'gally_alternate_banner_content'|@translate}<br> |
---|
| 78 | <textarea id="ialternateBannerContent" name="f_alternateBannerContent" cols="80" rows="7">{$options.alternateBannerContent}</textarea> |
---|
| 79 | </label> |
---|
| 80 | </div> |
---|
| 81 | </fieldset> |
---|
| 82 | |
---|
| 83 | |
---|
| 84 | <fieldset> |
---|
| 85 | <legend>{'gally_meta_num_cols'|@translate}</legend> |
---|
| 86 | |
---|
| 87 | <p class="leftAlign">{'gally_meta_num_cols_desc'|@translate}</p> |
---|
| 88 | |
---|
| 89 | <input type="hidden" name="f_metaNumCols" id="imetaNumCols" value="{$options.metaNumCols}"> |
---|
| 90 | <table style="margin-left:0px;"> |
---|
| 91 | <tr> |
---|
| 92 | <td><div id="imnc_slider" class="gcBgInput gcBorderInput"></div></td> |
---|
| 93 | <td><div id="imnc_display"></div></td> |
---|
| 94 | </tr> |
---|
| 95 | </table> |
---|
| 96 | </fieldset> |
---|
| 97 | |
---|
| 98 | |
---|
| 99 | <fieldset> |
---|
| 100 | <legend>{'gally_image_auto_scroll'|@translate}</legend> |
---|
| 101 | |
---|
| 102 | <p class="leftAlign"> |
---|
| 103 | {'gally_image_auto_scroll_desc'|@translate}<br> |
---|
| 104 | <span style="font-style:italic;margin-left:20px;">!!! {'gally_image_auto_scroll_warning'|@translate} !!!</span> |
---|
| 105 | </p> |
---|
| 106 | |
---|
| 107 | |
---|
| 108 | <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> |
---|
| 109 | <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> |
---|
| 110 | </fieldset> |
---|
| 111 | |
---|
| 112 | |
---|
| 113 | <input type="submit" value="{'Submit'|@translate}" name="submit_gally"> |
---|
| 114 | |
---|
| 115 | </form> |
---|
| 116 | |
---|
| 117 | <script type="text/javascript"> |
---|
| 118 | init(); |
---|
| 119 | </script> |
---|