Ignore:
Timestamp:
Jan 10, 2010, 4:38:45 PM (14 years ago)
Author:
vdigital
Message:

[Update] For Juza - Juza Theme is full working (On Standard Piwigo Gallery).

Recommended organization: Don't mixed Pictures and subcategories in a category.
Next step - Response time checking.
To see I will raise a locked gallery.

File:
1 edited

Legend:

Unmodified
Added
Removed

  • extensions/Juza/script.tpl

    r4537 r4659  
    1 {if isset($Juza_active)}
    2         {known_script id="jquery" src=$ROOT_URL|@cat:"template-common/lib/jquery.packed.js"}
    3         {known_script id="jquery.ui" src=$ROOT_URL|@cat:"template-common/lib/ui/ui.core.packed.js"}
    4         {assign var=JUZA value=$ROOT_URL|@cat:"template/"|@cat:$themeconf.template|@cat:"/theme/"|@cat:$themeconf.theme}
    5         {known_script id="juza" src=$JUZA|@cat:"/js/juzascript.js"}
    6         {html_head}
    7         <script type="text/javascript">
    8           $('img.bigImg').each(function() {ldelim}
    9             $h = $(this).height()
    10                         if ($h < {$Juza_height}) {ldelim}
    11                                 $(this).parent('.maxIllustration a').eq(0).css('height', $h+'px');
    12                                 $(this).parent('li.Juza-cat').eq(0).css('height', (55+$h)+'px');
    13                                 $(this).parent('li.Juza-cat').eq(0).css('min-height', (55+$h)+'px');
    14                                 $(this).parent('li.Juza-cat').children('.description').eq(0).css('height', (325+$h)+'px');
    15                                 $(this).parent('li.Juza-cat').children('.description').eq(0).css('top', (-(12+$h))+'px');
    16                         }
    17                 });
    18         </script>
    19         {if isset($Juza_Auto_CS)} {* Auto Cropping and Shifting *}
    20                 <style type="text/css">
     1  {*known_script id="jquery" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"*}
     2  {known_script id="jquery" src=$ROOT_URL|@cat:"template-common/lib/jquery.packed.js"}
     3  {known_script id="jquery.ui" src=$ROOT_URL|@cat:"template-common/lib/ui/ui.core.packed.js"}
     4  {assign var=JUZA value=$ROOT_URL|@cat:"template/"|@cat:$themeconf.template|@cat:"/theme/"|@cat:$themeconf.theme}
     5  {known_script id="juza" src=$JUZA|@cat:"/js/juzascript.js"}
     6  {html_head}
     7<style type="text/css">
    218.maxIllustration a {ldelim} max-height: {$Juza_height}px; height: {$Juza_height}px; width:{$Juza_width}px; }
    229.bigImg {ldelim} top:{$Juza_shift}px; width:{$Juza_width}px !important; }
    2310#imageToolBar {ldelim} top:{$Juza_shift2}px; }
    24 .content ul.thumbnailCategories li.Juza-cat {ldelim} height:{$Juza_height2}px; min-height:{$Juza_height2}px; }
    25                 </style>
    26         {else}
    27         <script type="text/javascript">
    28           $('img.bigImg').each(function() {ldelim}
    29             $h = $(this).height()
    30                         $(this).parent('.maxIllustration a').eq(0).css('height', $h+'px');
    31                         $(this).parent('li.Juza-cat').eq(0).css('height', (55+$h)+'px');
    32                         $(this).parent('li.Juza-cat').eq(0).css('min-height', (55+$h)+'px');
    33                         $(this).parent('li.Juza-cat').children('.description').eq(0).css('height', (325+$h)+'px');
    34                         $(this).parent('li.Juza-cat').children('.description').eq(0).css('top', (-(12+$h))+'px');
    35                         $(this).after('--'+$h+'px --');
    36                 });
    37         </script>
    38         {/if}
    39         <style type="text/css">
    40 .content div.thumbnailCategory div.description {ldelim} height:{$Juza_height3}px !important; top:{$Juza_shift3}px; }
    41 #copyright {ldelim} margin-top: {$Juza_width}px; }
    42 table.juzabar td {ldelim} width: 155px; }
    43         </style>
    44 <noscript>
    45         <style type="text/css">
    46 .maxIllustration a {ldelim} max-height: auto; height: auto; width:auto; }
    47 .bigImg {ldelim} top:0px; width:auto !important; }
    48 #imageToolBar {ldelim} top:0px; }
    49 .content ul.thumbnailCategories li.Juza-cat {ldelim} height:auto; min-height:auto; }
    50 .content div.thumbnailCategory div.description {ldelim} height:auto !important; top:0px; }
    51 #copyright {ldelim} margin-top: 0px; }
    52 .content ul.thumbnailCategories li {ldelim} width:49.7%; }
    53         </style>
    54 </noscript>
     11.content ul.thumbnailCategories li.Juza-cat {ldelim} height:{$Juza_height2}px; min-height:{$Juza_height2}px; width: 100%; }
     12.content div.thumbnailCategory div.Juza-desc {ldelim} height:{$Juza_height3}px !important; top:{$Juza_shift3}px; }
     13</style>
    5514
    56         {/html_head}
    57 {else}
    58         {html_head}
    59         <style type="text/css">
    60 .content ul.thumbnailCategories li {ldelim} width:49.7%; }
    61         </style>
    62         {/html_head}
    63 {/if}
    64 <table cellspacing="0" class="juzabar">
    65 <tbody><tr>
    66 <td>HOME PAGE</td>
    67 <td>PORTFOLIO</td>
    68 <td><a title="Gallery home" href="{''|make_index_url}"><strong>GALLERIES</strong></a></td>
    69 <td><a title="Available tags" href="{$ROOT_URL}tags.php"><strong>TAGS</strong></a></td>
    70 <td>ABOUT JUZA</td>
    71 <td>E-MAIL</td>
    72 <td>JUZA FORUM</td>
    73 {if !empty($blocks)}
    74 <td><a class="Juza_menu hidden" title="Display menu" href="#"><strong>MENU</strong></a></td>
    75 {/if}
    76 </tr>
    77 </tbody></table>
    78 {if isset($thumbnails) and isset($Juza_active)}
     15<script type="text/javascript">
     16$().ready(function() {ldelim}
     17  $('div.illustration a img').each(function() {ldelim}
     18    $(this).ready(function() {ldelim}
     19      var $h = $(this).height();
     20      {if isset($Juza_Auto_CS)}if ($h  < {$Juza_height}) /* Kill Auto crop */ {/if} {literal} {
     21        var $i = ($h + 55)+'px';
     22        var $j = ($h + 325)+'px';
     23        var $k = ($h + 12)+'px';
     24        var $h = $h+'px';
     25        $(this).css('top', '0px');
     26        $(this).parents('li').eq(0).addClass('Juza-cat').css('height', $i).css('min-height', $i).css('width','100%');
     27        $(this).parents('li.Juza-cat').eq(0).find('.description').eq(0).css('height' , $j).css('top', '-'+$k).find('li').css('width','100%');
     28        $(this).parents('.maxIllustration a').eq(0).css('height', $h);
     29      };{/literal}
     30    });
     31  });
     32  var $h = $('#jquery_local_img #relTag').height() + 50 + {$Juza_width};
     33  $('#copyright').css('margin-top', $h+'px');
     34});
     35</script>
     36  {/html_head}
     37
     38{if isset($thumbnails)}
    7939<div id="ix-desc" style="display:none">
    8040{foreach from=$thumbnails item=thumbnail}
    8141  <div title="{$thumbnail.FILE_DESC|@htmlspecialchars}" class="Thumb-{$thumbnail.ID}" alt="{$thumbnail.FILE_WIDTH}"></div>
    82         <div title="{$thumbnail.FILE_PATH}" class="Medium-{$thumbnail.ID}" alt="{$thumbnail.FILE_HEIGHT}"></div>
     42  <div title="{$thumbnail.FILE_PATH}" class="Medium-{$thumbnail.ID}" alt="{$thumbnail.FILE_HEIGHT}"></div>
    8343{/foreach}
    8444</div>
    8545{/if}
    86 {if isset($category_thumbnails) and isset($Juza_active)}
     46
     47{if isset($category_thumbnails)}
    8748<div id="ix-cat" style="display:none">
    8849{foreach from=$category_thumbnails item=cat}
    … …  
    9152</div>
    9253{/if}
     54
    9355{if isset($Juza_cats)}
    9456<div id="menu-cat" style="display:none">
    … …  
    9658</div>
    9759{/if}
    98 {if isset($Juza_config)}
    99 <form id="Juza_config" method="post" class="properties" action="index.php">
    100 <fieldset id="Juza_config_fs">
    101   <legend><span class="legend">{'Juza Theme Configuration'|@translate}</span></legend>
    102   <ul>
    103     <li>
    104       <label>
    105         <span class="property">{'Activate Juza handlers'|@translate}</span>
    106         <input type="checkbox" name="Juza_handlers" {$Juza_handlers} />
    107         <span class="range">{'Unselected => like Javascript inactive'|@translate}</span>
    108      </label>
    109     </li>
    110     <li>
    111       <span class="property">
    112         <label for="Width">{'Index picture max-width'|@translate}</label>
    113       </span>
    114       <input type="text" size="4" maxlength="4" name="Juza_width" id="Juza_width" value="{$Juza_width}" />
    115       <span class="range">{'[300:885]'|@translate}</span>
    116     </li>
    117     <li>
    118       <span class="property">
    119         <label for="Height">{'Index picture cropping-height'|@translate}</label>
    120       </span>
    121       <input type="text" size="4" maxlength="4" name="Juza_height" id="Juza_height" value="{$Juza_height}" />
    122        <span class="range">{'[110:400]'|@translate}</span>
    123    </li>
    124     <li>
    125       <span class="property">
    126         <label for="Shift">{'Index picture top-shift'|@translate}</label>
    127       </span>
    128       <input type="text" size="4" maxlength="4" name="Juza_shift" id="Juza_shift" value="{$Juza_shift}" />
    129       <span class="range">{'[-320:0]'|@translate}</span>
    130     </li>
    131     <li>
    132       <label>
    133         <span class="property">{'Auto cropping and shifting'|@translate}</span>
    134         <input type="checkbox" name="Juza_Auto_CS" {$Juza_Auto_CS} />
    135         <span class="range">{'Recommended medium width &lt; 900px'|@translate}</span>
    136       </label>
    137     </li>
    138   </ul>
    139 </fieldset>
    140  
    141     <input type="hidden" value="true" name="Juza_conf" />
    142     <input class="submit" type="submit" name="Juza_submit" value="{'Juza_Submit'|@translate}" />
    143     <input class="submit" type="submit" name="Juza_reset" value="{'Juza_Reset'|@translate}" />
    144     <input class="submit" type="submit" name="Juza_close" value="{'Juza_Close'|@translate}" />
    145  
    146 </form>
     60
     61{if is_admin()}
     62<div id="Juza_call" style="display:none"><a class="Juza_conf" href="#" alt="">{'Juza Theme Configuration'|@translate}</a>
     63</div>
    14764{/if}
     65
     66{$MENUBAR}
     67{assign var=MENUBAR value=''}
     68
Note: See TracChangeset for help on using the changeset viewer.