[3531] | 1 | <br> |
---|
| 2 | <div id="colorpicker" style="float: right;"></div> |
---|
| 3 | <table> |
---|
| 4 | |
---|
| 5 | <tr> |
---|
| 6 | <td colspan="4" align="center"><label>{'ArtG_options_label'|@translate}</label> |
---|
| 7 | </td> |
---|
| 8 | </tr> |
---|
| 9 | |
---|
| 10 | <tr><td colspan="4"><hr></td></tr> |
---|
| 11 | |
---|
| 12 | <tr> |
---|
| 13 | <td colspan="4" align="left"><label>{'ArtG_option_button_label'|@translate}</label> |
---|
| 14 | </td> |
---|
| 15 | </tr> |
---|
| 16 | <tr> |
---|
| 17 | <td>{'ArtG_button_label'|@translate}</td> |
---|
| 18 | <td colspan="3"><input type="checkbox" name="ArtG_fullScreenButton" {$ArtG_fullScreenButton}/> {'ArtG_fullScreenButton'|@translate} |
---|
| 19 | <br/><input type="checkbox" name="ArtG_navigationButtons" {$ArtG_navigationButtons}/> {'ArtG_navigationButtons'|@translate} |
---|
| 20 | <br/><input type="checkbox" name="ArtG_slideshowButton" {$ArtG_slideshowButton}/> {'ArtG_slideshowButton'|@translate} |
---|
| 21 | |
---|
| 22 | </td> |
---|
| 23 | </tr> |
---|
| 24 | |
---|
| 25 | <tr><td colspan="4"><hr></td></tr> |
---|
| 26 | <tr> |
---|
| 27 | <td colspan="4" align="left"><label>{'ArtG_option_image_label'|@translate}</label> |
---|
| 28 | </td> |
---|
| 29 | </tr> |
---|
| 30 | |
---|
| 31 | |
---|
| 32 | <tr> |
---|
| 33 | <td> </td> |
---|
| 34 | <td align="center">{'ArtG_Imagealign'|@translate}</label></td> |
---|
| 35 | <td align="center">{'ArtG_ImagescaleMode'|@translate}</td> |
---|
| 36 | <td align="center">{'ArtG_ImagetransitionEffect'|@translate}</td> |
---|
| 37 | </tr> |
---|
| 38 | <tr> |
---|
| 39 | <td>{'ArtG_image_options'|@translate}</td> |
---|
| 40 | <td> |
---|
| 41 | <select id="ArtG_Imagealign" name="ArtG_Imagealign"> |
---|
| 42 | {foreach from=$ArtG_Imagealign item=ArtG_Imagealign} |
---|
| 43 | <option value="{$ArtG_Imagealign.ID}" {$ArtG_Imagealign.SELECTED}>{$ArtG_Imagealign.NAME}</option> |
---|
| 44 | {/foreach} |
---|
| 45 | </select> |
---|
| 46 | </td> |
---|
| 47 | <td> |
---|
| 48 | <select id="ArtG_ImagescaleMode" name="ArtG_ImagescaleMode"> |
---|
| 49 | {foreach from=$ArtG_ImagescaleMode item=ArtG_ImagescaleMode} |
---|
| 50 | <option value="{$ArtG_ImagescaleMode.ID}" {$ArtG_ImagescaleMode.SELECTED}>{$ArtG_ImagescaleMode.NAME}</option> |
---|
| 51 | {/foreach} |
---|
| 52 | </select> |
---|
| 53 | </td> |
---|
| 54 | <td> |
---|
| 55 | <select id="ArtG_ImagetransitionEffect" name="ArtG_ImagetransitionEffect"> |
---|
| 56 | {foreach from=$ArtG_ImagetransitionEffect item=ArtG_ImagetransitionEffect} |
---|
| 57 | <option value="{$ArtG_ImagetransitionEffect.ID}" {$ArtG_ImagetransitionEffect.SELECTED}>{$ArtG_ImagetransitionEffect.NAME}</option> |
---|
| 58 | {/foreach} |
---|
| 59 | </select> |
---|
| 60 | </td> |
---|
| 61 | </tr> |
---|
| 62 | |
---|
| 63 | <tr> |
---|
| 64 | <td>{'ArtG_ImagecornerRadius'|@translate}</td> |
---|
| 65 | <td><input type="text" size="2" maxlength="2" name="ArtG_ImagecornerRadius" value="{$ArtG_ImagecornerRadius}" /> </td> |
---|
| 66 | <td colspan="2"><input type="checkbox" name="ArtG_ImageuseShadow" {$ArtG_ImageuseShadow}/> {'ArtG_ImageuseShadow'|@translate}</td> |
---|
| 67 | </tr> |
---|
| 68 | |
---|
| 69 | <tr><td colspan="4"><hr></td></tr> |
---|
| 70 | <tr> |
---|
| 71 | <td colspan="4" align="left"><label>{'ArtG_option_thumbnail_label'|@translate}</label> |
---|
| 72 | </td> |
---|
| 73 | </tr> |
---|
| 74 | |
---|
| 75 | <tr> |
---|
| 76 | <td> </td> |
---|
| 77 | <td align="center">{'ArtG_Thumbnailwidth'|@translate}</label></td> |
---|
| 78 | <td align="center">{'ArtG_Thumbnailheight'|@translate}</td> |
---|
| 79 | <td align="center">{'ArtG_ThumbnailcornerRadius'|@translate}</td> |
---|
| 80 | <td> </td> |
---|
| 81 | </tr> |
---|
| 82 | <tr> |
---|
| 83 | <td>{'ArtG_thumbnail'|@translate}</td> |
---|
| 84 | <td align="center"><input type="text" size="3" maxlength="3" name="ArtG_Thumbnailwidth" value="{$ArtG_Thumbnailwidth}" /></td> |
---|
| 85 | <td align="center"><input type="text" size="3" maxlength="3" name="ArtG_Thumbnailheight" value="{$ArtG_Thumbnailheight}" /></td> |
---|
| 86 | <td align="center"><input type="text" size="2" maxlength="2" name="ArtG_ThumbnailcornerRadius" value="{$ArtG_ThumbnailcornerRadius}" /> </td> |
---|
| 87 | </tr> |
---|
| 88 | <tr> |
---|
| 89 | <td>{'ArtG_Thumbnailalpha'|@translate}</td> |
---|
| 90 | <td><input type="text" size="3" maxlength="3" name="ArtG_Thumbnailalpha" value="{$ArtG_Thumbnailalpha}" /> </td> |
---|
| 91 | <td><input type="checkbox" name="ArtG_ThumbnailuseShadow" {$ArtG_ThumbnailuseShadow}/> {'ArtG_ThumbnailuseShadow'|@translate}</td> |
---|
| 92 | <td><input type="checkbox" name="ArtG_ThumbnailusePreview" {$ArtG_ThumbnailusePreview}/> {'ArtG_ThumbnailusePreview'|@translate}</td> |
---|
| 93 | </tr> |
---|
| 94 | |
---|
| 95 | <tr> |
---|
| 96 | <td> </td> |
---|
| 97 | <td align="center">{'ArtG_ThumbnailoutlineColor'|@translate}</label></td> |
---|
| 98 | <td align="center">{'ArtG_ThumbnailoutlineColorOnRollOver'|@translate}</td> |
---|
| 99 | <td align="center">{'ArtG_ThumbnailoutlineColorOnClick'|@translate}</td> |
---|
| 100 | </tr> |
---|
| 101 | <tr> |
---|
| 102 | <td>{'ArtG_thumbnail_color'|@translate}</td> |
---|
| 103 | <td align="center"><input type="text" size="7" maxlength="7" name="ArtG_ThumbnailoutlineColor" class="colorwell" value="{$ArtG_ThumbnailoutlineColor}" /></td> |
---|
| 104 | <td align="center"><input type="text" size="7" maxlength="7" name="ArtG_ThumbnailoutlineColorOnRollOver" class="colorwell" value="{$ArtG_ThumbnailoutlineColorOnRollOver}" /></td> |
---|
| 105 | <td align="center"><input type="text" size="7" maxlength="7" name="ArtG_ThumbnailoutlineColorOnClick" class="colorwell" value="{$ArtG_ThumbnailoutlineColorOnClick}" /></td> |
---|
| 106 | </tr> |
---|
| 107 | |
---|
| 108 | |
---|
| 109 | <tr><td colspan="4"><hr></td></tr> |
---|
| 110 | <tr> |
---|
| 111 | <td colspan="4" align="left"><label>{'ArtG_option_thumbbar_label'|@translate}</label> |
---|
| 112 | </td> |
---|
| 113 | </tr> |
---|
| 114 | |
---|
| 115 | <tr> |
---|
| 116 | <td>{'ArtG_Thumbbarposition'|@translate}</td> |
---|
| 117 | <td> |
---|
| 118 | <select id="ArtG_Thumbbarposition" name="ArtG_Thumbbarposition"> |
---|
| 119 | {foreach from=$ArtG_Thumbbarposition item=ArtG_Thumbbarposition} |
---|
| 120 | <option value="{$ArtG_Thumbbarposition.ID}" {$ArtG_Thumbbarposition.SELECTED}>{$ArtG_Thumbbarposition.NAME}</option> |
---|
| 121 | {/foreach} |
---|
| 122 | </select> |
---|
| 123 | </td> |
---|
| 124 | <td>{'ArtG_ThumbbarscrollSpeed'|@translate}</td> |
---|
| 125 | <td><input type="text" size="2" maxlength="2" name="ArtG_ThumbbarscrollSpeed" value="{$ArtG_ThumbbarscrollSpeed}" /> </td> |
---|
| 126 | </tr> |
---|
| 127 | <tr><td colspan="4"><hr></td></tr> |
---|
| 128 | <tr> |
---|
| 129 | <td colspan="4" align="left"><label>{'ArtG_option_caption_label'|@translate}</label> |
---|
| 130 | </td> |
---|
| 131 | </tr> |
---|
| 132 | |
---|
| 133 | <tr> |
---|
| 134 | <td>{'ArtG_Captionposition'|@translate}</td> |
---|
| 135 | <td> |
---|
| 136 | <select id="ArtG_Captionposition" name="ArtG_Captionposition"> |
---|
| 137 | {foreach from=$ArtG_Captionposition item=ArtG_Captionposition} |
---|
| 138 | <option value="{$ArtG_Captionposition.ID}" {$ArtG_Captionposition.SELECTED}>{$ArtG_Captionposition.NAME}</option> |
---|
| 139 | {/foreach} |
---|
| 140 | </select> |
---|
| 141 | </td> |
---|
| 142 | <td>{'ArtG_CaptionbgAlpha'|@translate}</td> |
---|
| 143 | <td><input type="text" size="3" maxlength="3" name="ArtG_CaptionbgAlpha" value="{$ArtG_CaptionbgAlpha}" /> </td> |
---|
| 144 | </tr> |
---|
| 145 | |
---|
| 146 | <tr> |
---|
| 147 | <td> </td> |
---|
| 148 | <td align="center">{'ArtG_Captioncolor'|@translate}</label></td> |
---|
| 149 | <td align="center">{'ArtG_CaptionbgColor'|@translate}</td> |
---|
| 150 | <td> </td> |
---|
| 151 | </tr> |
---|
| 152 | <tr> |
---|
| 153 | <td>{'ArtG_Captioncolor'|@translate}</td> |
---|
| 154 | <td align="center"><input type="text" size="7" maxlength="7" name="ArtG_Captioncolor" class="colorwell" value="{$ArtG_Captioncolor}" /></td> |
---|
| 155 | <td align="center"><input type="text" size="7" maxlength="7" name="ArtG_CaptionbgColor" class="colorwell" value="{$ArtG_CaptionbgColor}" /></td> |
---|
| 156 | <td> </td> |
---|
| 157 | </tr> |
---|
| 158 | |
---|
| 159 | <tr> |
---|
| 160 | <td>{'ArtG_CaptionfontName'|@translate}</td> |
---|
| 161 | <td><input type="text" size="15" maxlength="15" name="ArtG_CaptionfontName" value="{$ArtG_CaptionfontName}" /> </td> |
---|
| 162 | <td>{'ArtG_CaptionfontSize'|@translate}</td> |
---|
| 163 | <td><input type="text" size="2" maxlength="2" name="ArtG_CaptionfontSize" value="{$ArtG_CaptionfontSize}" /> </td> |
---|
| 164 | </tr> |
---|
| 165 | |
---|
| 166 | <tr><td colspan="4"><hr></td></tr> |
---|
| 167 | <tr> |
---|
| 168 | <td colspan="4" align="left"><label>{'ArtG_option_preloader_label'|@translate}</label> |
---|
| 169 | </td> |
---|
| 170 | </tr> |
---|
| 171 | |
---|
| 172 | <tr> |
---|
| 173 | <td>{'ArtG_Preloaderalpha'|@translate}</td> |
---|
| 174 | <td><input type="text" size="3" maxlength="3" name="ArtG_Preloaderalpha" value="{$ArtG_Preloaderalpha}" /> </td> |
---|
| 175 | <td colspan="2"><input type="checkbox" name="ArtG_PreloaderusePreloader" {$ArtG_PreloaderusePreloader}/> {'ArtG_PreloaderusePreloader'|@translate}</td> |
---|
| 176 | </tr> |
---|
| 177 | |
---|
| 178 | |
---|
| 179 | <tr><td colspan="4"><hr></td></tr> |
---|
| 180 | <tr> |
---|
| 181 | <td colspan="4" align="left"><label>{'ArtG_option_preview_label'|@translate}</label> |
---|
| 182 | </td> |
---|
| 183 | </tr> |
---|
| 184 | <tr> |
---|
| 185 | <td> </td> |
---|
| 186 | <td align="center">{'ArtG_Previewwidth'|@translate}</label></td> |
---|
| 187 | <td align="center">{'ArtG_Previewheight'|@translate}</td> |
---|
| 188 | <td align="center">{'ArtG_PreviewcornerRadius'|@translate}</td> |
---|
| 189 | </tr> |
---|
| 190 | <tr> |
---|
| 191 | <td>{'ArtG_preview'|@translate}</td> |
---|
| 192 | <td align="center"><input type="text" size="3" maxlength="3" name="ArtG_Previewwidth" value="{$ArtG_Previewwidth}" /></td> |
---|
| 193 | <td align="center"><input type="text" size="3" maxlength="3" name="ArtG_Previewheight" value="{$ArtG_Previewheight}" /></td> |
---|
| 194 | <td align="center"><input type="text" size="3" maxlength="3" name="ArtG_PreviewcornerRadius" value="{$ArtG_PreviewcornerRadius}" /> </td> |
---|
| 195 | </tr> |
---|
| 196 | <tr> |
---|
| 197 | <td>{'ArtG_Previewalpha'|@translate}</td> |
---|
| 198 | <td><input type="text" size="3" maxlength="3" name="ArtG_Previewalpha" value="{$ArtG_Previewalpha}" /> </td> |
---|
| 199 | <td colspan="2"><input type="checkbox" name="ArtG_PreviewuseShadow" {$ArtG_PreviewuseShadow}/> {'ArtG_PreviewuseShadow'|@translate}</td> |
---|
| 200 | </tr> |
---|
| 201 | <tr> |
---|
| 202 | <td>{'ArtG_PreviewoutlineColor'|@translate}</td> |
---|
| 203 | <td colspan="3"><input type="text" size="7" maxlength="7" name="ArtG_PreviewoutlineColor" class="colorwell" value="{$ArtG_PreviewoutlineColor}" /></td> |
---|
| 204 | </tr> |
---|
| 205 | |
---|
| 206 | <tr><td colspan="4"><hr></td></tr> |
---|
| 207 | <tr> |
---|
| 208 | <td colspan="4" align="left"><label>{'ArtG_option_slideshow_label'|@translate}</label> |
---|
| 209 | </td> |
---|
| 210 | </tr> |
---|
| 211 | <tr> |
---|
| 212 | <td> </td> |
---|
| 213 | <td align="center">{'ArtG_Slideshowstart'|@translate}</label></td> |
---|
| 214 | <td align="center">{'ArtG_Slideshowloop'|@translate}</td> |
---|
| 215 | <td align="center">{'ArtG_SlideshowstopAutoOnClick'|@translate}</td> |
---|
| 216 | </tr> |
---|
| 217 | <tr> |
---|
| 218 | <td>{'ArtG_slideshow_options'|@translate}</td> |
---|
| 219 | <td align="center"><input type="checkbox" name="ArtG_Slideshowstart" {$ArtG_Slideshowstart}/></td> |
---|
| 220 | <td align="center"><input type="checkbox" name="ArtG_Slideshowloop" {$ArtG_Slideshowloop}/></td> |
---|
| 221 | <td align="center"><input type="checkbox" name="ArtG_SlideshowstopAutoOnClick" {$ArtG_SlideshowstopAutoOnClick}/></td> |
---|
| 222 | </tr> |
---|
| 223 | <tr> |
---|
| 224 | <td>{'ArtG_Slideshowdelay'|@translate}</td> |
---|
| 225 | <td colspan="3"><input type="text" size="2" maxlength="2" name="ArtG_Slideshowdelay" value="{$ArtG_Slideshowdelay}" /> </td> |
---|
| 226 | </tr> |
---|
| 227 | |
---|
| 228 | |
---|
| 229 | </table> |
---|
| 230 | |
---|
| 231 | {literal} |
---|
| 232 | |
---|
| 233 | <script type="text/javascript" charset="utf-8"> |
---|
| 234 | $(document).ready(function() { |
---|
| 235 | var f = $.farbtastic('#colorpicker'); |
---|
| 236 | var selected; |
---|
| 237 | $('.colorwell') |
---|
| 238 | .each(function () { f.linkTo(this); }) |
---|
| 239 | .focus(function() { |
---|
| 240 | f.linkTo(this); |
---|
| 241 | |
---|
| 242 | }); |
---|
| 243 | }); |
---|
| 244 | </script> |
---|
| 245 | {/literal} |
---|
| 246 | |
---|