Changeset 29621 for extensions
- Timestamp:
- Sep 18, 2014, 1:27:14 PM (10 years ago)
- Location:
- extensions/Fotorama/template
- Files:
-
- 2 edited
Legend:
- Unmodified
- Added
- Removed
-
extensions/Fotorama/template/admin.tpl
r29615 r29621 6 6 7 7 <fieldset id="Fotorama"> 8 <legend>{'Configuration'| @translate}</legend>8 <legend>{'Configuration'|translate}</legend> 9 9 <ul> 10 10 <li> 11 11 <label for="allowfullscreen"> 12 <b>{'Allows fullscreen'| @translate}</b>12 <b>{'Allows fullscreen'|translate}</b> 13 13 </label> 14 14 <select class="categoryDropDown" id="allowfullscreen" name="allowfullscreen"> 15 <option value="false"{if $Fotorama.allowfullscreen == 'false'} selected{/if}>{'false'| @translate}</option>16 <option value="true"{if $Fotorama.allowfullscreen == 'true'} selected{/if}>{'true'| @translate}</option>17 <option value="native"{if $Fotorama.allowfullscreen == 'native'} selected{/if}>{'native'| @translate}</option>15 <option value="false"{if $Fotorama.allowfullscreen == 'false'} selected{/if}>{'false'|translate}</option> 16 <option value="true"{if $Fotorama.allowfullscreen == 'true'} selected{/if}>{'true'|translate}</option> 17 <option value="native"{if $Fotorama.allowfullscreen == 'native'} selected{/if}>{'native'|translate}</option> 18 18 </select> 19 19 </li> … … 21 21 <input type="checkbox" id="only_fullscreen" name="only_fullscreen"{if $Fotorama.only_fullscreen} checked="checked"{/if}> 22 22 <label for="only_fullscreen"> 23 <b>{'Only fullscreen mode'| @translate}</b>23 <b>{'Only fullscreen mode'|translate}</b> 24 24 </label> 25 25 </li> 26 26 <li> 27 27 <label for="fit"> 28 <b>{'How to fit an image'| @translate}</b>28 <b>{'How to fit an image'|translate}</b> 29 29 </label> 30 30 <select class="categoryDropDown" id="fit" name="fit"> 31 <option value="contain"{if $Fotorama.fit == 'contain'} selected{/if}>{'contain'| @translate}</option>32 <option value="cover"{if $Fotorama.fit == 'cover'} selected{/if}>{'cover'| @translate}</option>33 <option value="scaledown"{if $Fotorama.fit == 'scaledown'} selected{/if}>{'scaledown'| @translate}</option>34 <option value="none"{if $Fotorama.fit == 'none'} selected{/if}>{'none'| @translate}</option>31 <option value="contain"{if $Fotorama.fit == 'contain'} selected{/if}>{'contain'|translate}</option> 32 <option value="cover"{if $Fotorama.fit == 'cover'} selected{/if}>{'cover'|translate}</option> 33 <option value="scaledown"{if $Fotorama.fit == 'scaledown'} selected{/if}>{'scaledown'|translate}</option> 34 <option value="none"{if $Fotorama.fit == 'none'} selected{/if}>{'none'|translate}</option> 35 35 </select> 36 36 </li> 37 37 <li> 38 38 <label for="transition"> 39 <b>{'What transition to use'| @translate}</b>39 <b>{'What transition to use'|translate}</b> 40 40 </label> 41 41 <select class="categoryDropDown" id="transition" name="transition"> 42 <option value="slide"{if $Fotorama.transition == 'slide'} selected{/if}>{'slide'| @translate}</option>43 <option value="crossfade"{if $Fotorama.transition == 'crossfade'} selected{/if}>{'crossfade'| @translate}</option>44 <option value="dissolve"{if $Fotorama.transition == 'dissolve'} selected{/if}>{'dissolve'| @translate}</option>42 <option value="slide"{if $Fotorama.transition == 'slide'} selected{/if}>{'slide'|translate}</option> 43 <option value="crossfade"{if $Fotorama.transition == 'crossfade'} selected{/if}>{'crossfade'|translate}</option> 44 <option value="dissolve"{if $Fotorama.transition == 'dissolve'} selected{/if}>{'dissolve'|translate}</option> 45 45 </select> 46 46 </li> 47 47 <li> 48 48 <label for="nav"> 49 <b>{'Navigation style'| @translate}</b>49 <b>{'Navigation style'|translate}</b> 50 50 </label> 51 51 <select class="categoryDropDown" id="nav" name="nav"> 52 <option value="false"{if $Fotorama.nav == 'false'} selected{/if}>{'false'| @translate}</option>53 <option value="dots"{if $Fotorama.nav == 'dots'} selected{/if}>{'dots'| @translate}</option>54 <option value="thumbs"{if $Fotorama.nav == 'thumbs'} selected{/if}>{'thumbs'| @translate}</option>52 <option value="false"{if $Fotorama.nav == 'false'} selected{/if}>{'false'|translate}</option> 53 <option value="dots"{if $Fotorama.nav == 'dots'} selected{/if}>{'dots'|translate}</option> 54 <option value="thumbs"{if $Fotorama.nav == 'thumbs'} selected{/if}>{'thumbs'|translate}</option> 55 55 </select> 56 56 </li> 57 57 <li> 58 58 <label for="fullscreen_nav"> 59 <b>{'Fullscreen navigation style'| @translate}</b>59 <b>{'Fullscreen navigation style'|translate}</b> 60 60 </label> 61 61 <select class="categoryDropDown" id="fullscreen_nav" name="fullscreen_nav"> 62 <option value="false"{if $Fotorama.fullscreen_nav == 'false'} selected{/if}>{'false'| @translate}</option>63 <option value="dots"{if $Fotorama.fullscreen_nav == 'dots'} selected{/if}>{'dots'| @translate}</option>64 <option value="thumbs"{if $Fotorama.fullscreen_nav == 'thumbs'} selected{/if}>{'thumbs'| @translate}</option>62 <option value="false"{if $Fotorama.fullscreen_nav == 'false'} selected{/if}>{'false'|translate}</option> 63 <option value="dots"{if $Fotorama.fullscreen_nav == 'dots'} selected{/if}>{'dots'|translate}</option> 64 <option value="thumbs"{if $Fotorama.fullscreen_nav == 'thumbs'} selected{/if}>{'thumbs'|translate}</option> 65 65 </select> 66 66 </li> 67 67 <li> 68 68 <label for="thumbheight"> 69 <b>{'Tumbnail height (when present)'| @translate}</b>69 <b>{'Tumbnail height (when present)'|translate}</b> 70 70 </label> 71 71 <input type="number" size="2" maxlength="3" name="thumbheight" value="{$Fotorama.thumbheight}" min="5" max="300" style="width: 50px;"> px … … 74 74 <input type="checkbox" id="shadows" name="shadows"{if $Fotorama.shadows} checked="checked"{/if}> 75 75 <label for="shadows"> 76 <b>{'Enables shadows'| @translate}</b>76 <b>{'Enables shadows'|translate}</b> 77 77 </label> 78 78 </li> … … 80 80 <input type="checkbox" id="autoplay" name="autoplay"{if $Fotorama.autoplay} checked="checked"{/if}> 81 81 <label for="autoplay"> 82 <b>{'Enables autoplay'| @translate}</b>82 <b>{'Enables autoplay'|translate}</b> 83 83 </label> 84 84 </li> … … 86 86 <input type="checkbox" id="stopautoplayontouch" name="stopautoplayontouch"{if $Fotorama.stopautoplayontouch} checked="checked"{/if}> 87 87 <label for="stopautoplayontouch"> 88 <b>{'Stops slideshow at any user action with the fotorama'| @translate}</b>88 <b>{'Stops slideshow at any user action with the fotorama'|translate}</b> 89 89 </label> 90 90 </li> … … 92 92 <input type="checkbox" id="loop" name="loop"{if $Fotorama.loop} checked="checked"{/if}> 93 93 <label for="loop"> 94 <b>{'Enables loop'| @translate}</b>94 <b>{'Enables loop'|translate}</b> 95 95 </label> 96 96 </li> … … 98 98 <input type="checkbox" id="enable_caption" name="enable_caption"{if $Fotorama.enable_caption} checked="checked"{/if}> 99 99 <label for="enable_caption"> 100 <b>{'Show caption with image title'| @translate}</b>100 <b>{'Show caption with image title'|translate}</b> 101 101 </label> 102 102 </li> … … 104 104 <input type="checkbox" id="replace_picture" name="replace_picture"{if $Fotorama.replace_picture} checked="checked"{/if}> 105 105 <label for="replace_picture"> 106 <b>{'Replace picture page'| @translate}</b>106 <b>{'Replace picture page'|translate}</b> 107 107 </label> 108 108 </li> … … 110 110 <input type="checkbox" id="replace_picture_only_users" name="replace_picture_only_users"{if $Fotorama.replace_picture_only_users} checked="checked"{/if}> 111 111 <label for="replace_picture_only_users"> 112 <b>{'except an administrator'| @translate}</b>112 <b>{'except an administrator'|translate}</b> 113 113 </label> 114 114 </li> … … 118 118 <p class="formButtons"> 119 119 <input type="hidden" name="pwg_token" value="{$PWG_TOKEN}"> 120 <input type="submit" name="submit" value="{'Save Settings'| @translate}">120 <input type="submit" name="submit" value="{'Save Settings'|translate}"> 121 121 </p> 122 122 </form> -
extensions/Fotorama/template/slideshow.tpl
r29615 r29621 2 2 {combine_script id='fotorama' require='jquery' load='header' path='plugins/Fotorama/fotorama/fotorama.js'} 3 3 4 {literal} 5 <script type="text/javascript"> 6 var image_w = {/literal}{$item_height}{literal} 7 var image_h = {/literal}{$item_height}{literal} 4 <script> 5 var image_w = {$item_height}; 6 var image_h = {$item_height}; 8 7 </script> 9 {/literal}10 8 11 9 <div id="slideshow"> … … 13 11 <div class="browsePath"> 14 12 {if isset($U_SLIDESHOW_STOP) } 15 [ <a href="{$U_SLIDESHOW_STOP}">{'stop the slideshow'| @translate}</a> ]13 [ <a href="{$U_SLIDESHOW_STOP}">{'stop the slideshow'|translate}</a> ] 16 14 {/if} 17 15 <h2 class="showtitle">{$current.TITLE}</h2> … … 27 25 <div class="fotorama" data-startindex="{$current_rank}" data-ratio="16/9" data-auto="false" 28 26 data-width="100%" data-maxheight="100%" data-minheight="200" data-height="{$item_height}" 29 data-shadows="{if $Fotorama ['shadows']}true{else}false{/if}" data-nav="{$Fotorama['nav']}" data-fit="{$Fotorama['fit']}"30 data-allowfullscreen="{$Fotorama ['allowfullscreen']}" data-autoplay="{if $Fotorama['autoplay']}true{else}false{/if}"31 data-transition="{$Fotorama ['transition']}" data-stopautoplayontouch="{if $Fotorama['stopautoplayontouch']}true{else}false{/if}"32 data-loop="{if $Fotorama ['loop']}true{else}false{/if}" data-captions="false" data-thumbheight="{$Fotorama['thumbheight']}" data-thumbwidth="{$Fotorama['thumbheight']}">27 data-shadows="{if $Fotorama.shadows}true{else}false{/if}" data-nav="{$Fotorama.nav}" data-fit="{$Fotorama.fit}" 28 data-allowfullscreen="{$Fotorama.allowfullscreen}" data-autoplay="{if $Fotorama.autoplay}true{else}false{/if}" 29 data-transition="{$Fotorama.transition}" data-stopautoplayontouch="{if $Fotorama.stopautoplayontouch}true{else}false{/if}" 30 data-loop="{if $Fotorama.loop}true{else}false{/if}" data-captions="false" data-thumbheight="{$Fotorama.thumbheight}" data-thumbwidth="{$Fotorama.thumbheight}"> 33 31 {foreach from=$items item=thumbnail} 34 <a href="{$thumbnail ['derivative']->get_url()}"35 data-full="{$thumbnail ['derivative_big']->get_url()}" data-url="{$thumbnail['url']}" data-caption="{$thumbnail['TITLE']}"36 {if $Fotorama ['nav'] == 'thumbs' || $Fotorama['fullscreen_nav'] == 'thumbs'}data-thumb="{$thumbnail['derivative_thumb']->get_url()}"{/if}>32 <a href="{$thumbnail.derivative->get_url()}" 33 data-full="{$thumbnail.derivative_big->get_url()}" data-url="{$thumbnail.url}" data-caption="{$thumbnail.TITLE}" 34 {if $Fotorama.nav == 'thumbs' || $Fotorama.fullscreen_nav == 'thumbs'}data-thumb="{$thumbnail.derivative_thumb->get_url()}"{/if}> 37 35 </a> 38 36 {/foreach} … … 42 40 </div> 43 41 44 {footer_script require='jquery'} {literal}42 {footer_script require='jquery'} 45 43 var fullscreen = false; 46 44 jQuery().ready(function() { … … 50 48 function (e, fotorama, extra) { 51 49 if (!fullscreen) { 52 { /literal}{if isset($replace_picture)}{literal}50 {if isset($replace_picture)} 53 51 history.replaceState(null, null, fotorama.activeFrame['url']); 54 { /literal}{else}{literal}52 {else} 55 53 history.replaceState(null, null, fotorama.activeFrame['url']+'&slideshow='); 56 54 jQuery('#slideshow .browsePath a').attr('href', fotorama.activeFrame['url']); 57 {/ literal}{/if}{literal}55 {/if} 58 56 59 57 jQuery('#slideshow .showtitle').text(fotorama.activeFrame['caption']); 60 jQuery('#slideshow .imageNumber').text((fotorama.activeFrame['i'])+'/ '+{/literal}{count($items)}{literal});61 document.title = fotorama.activeFrame['caption'] + ' | { /literal}{$GALLERY_TITLE|@escape:javascript}{literal}';58 jQuery('#slideshow .imageNumber').text((fotorama.activeFrame['i'])+'/{count($items)}'); 59 document.title = fotorama.activeFrame['caption'] + ' | {$GALLERY_TITLE|escape:javascript}'; 62 60 } 63 61 } … … 66 64 function (e, fotorama, extra) { 67 65 fotorama.setOptions({ 68 nav: "{ /literal}{$Fotorama['fullscreen_nav']}{literal}",69 { /literal}{if $Fotorama['enable_caption']}{literal}66 nav: "{$Fotorama.fullscreen_nav}", 67 {if $Fotorama.enable_caption} 70 68 captions: "true", 71 {/ literal}{/if}{literal}69 {/if} 72 70 }); 73 71 fotorama.startAutoplay(); … … 79 77 .on('fotorama:fullscreenexit', 80 78 function (e, fotorama, extra) { 81 { /literal}{if $Fotorama['only_fullscreen']}{literal}79 {if $Fotorama.only_fullscreen} 82 80 window.location.replace(fotorama.activeFrame['url']); 83 { /literal}{else}{literal}81 {else} 84 82 85 83 fotorama.setOptions({ 86 nav: "{ /literal}{$Fotorama['nav']}{literal}",87 { /literal}{if $Fotorama['enable_caption']}{literal}84 nav: "{$Fotorama.nav}", 85 {if $Fotorama.enable_caption} 88 86 captions: "false", 89 {/ literal}{/if}{literal}87 {/if} 90 88 }); 91 89 92 { /literal}{if isset($replace_picture)}{literal}90 {if isset($replace_picture)} 93 91 history.replaceState(null, null, fotorama.activeFrame['url']); 94 { /literal}{else}{literal}92 {else} 95 93 history.replaceState(null, null, fotorama.activeFrame['url']+'&slideshow='); 96 94 jQuery('#slideshow .browsePath a').attr('href', fotorama.activeFrame['url']); 97 {/ literal}{/if}{literal}95 {/if} 98 96 99 97 jQuery('#slideshow .showtitle').text(fotorama.activeFrame['caption']); 100 jQuery('#slideshow .imageNumber').text((fotorama.activeFrame['i'])+'/ '+{/literal}{count($items)}{literal});101 document.title = fotorama.activeFrame['caption'] + ' | { /literal}{$GALLERY_TITLE|@escape:javascript}{literal}';98 jQuery('#slideshow .imageNumber').text((fotorama.activeFrame['i'])+'/{count($items)}'); 99 document.title = fotorama.activeFrame['caption'] + ' | {$GALLERY_TITLE|escape:javascript}'; 102 100 103 101 fullscreen = false; 104 {/ literal}{/if}{literal}102 {/if} 105 103 } 106 104 ) … … 108 106 .fotorama(); 109 107 110 { /literal}{if $Fotorama['only_fullscreen']}{literal}108 {if $Fotorama.only_fullscreen} 111 109 jQuery('.fotorama').data('fotorama').requestFullScreen(); 112 {/ literal}{/if}{literal}110 {/if} 113 111 }); 114 {/ literal}{/footer_script}112 {/footer_script}
Note: See TracChangeset
for help on using the changeset viewer.