Changeset 4514 for extensions/Juza


Ignore:
Timestamp:
12/19/09 00:19:53 (10 years ago)
Author:
vdigital
Message:

[Update] For Juza - Juza Theme Configuration Menu is working at 80% at least

  • Exception management (png/JPG mixed extensions support) not tested

Pendings:

  • Menubar
Location:
extensions/Juza
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • extensions/Juza/js/juzascript.js

    r4482 r4514  
    44  }); 
    55  $('div.illustration a img').each(function() { 
    6     $(this).addClass('bigImg').attr('src', $(this).attr('src').replace('thumbnail/TN-', '')); 
     6    $src = $(this).addClass('bigImg').attr('alt'); 
     7                $medium = $('#ix-cat .Cat-'+$src).eq(0).attr('title'); 
     8                $title = $('#ix-cat .Cat-'+$src).eq(0).attr('alt'); 
     9                $(this).attr('src', $medium).attr('title', $title); 
    710  }); 
    811        $('.thumbnailCategories li').addClass('Juza-cat'); 
     
    1720        $('#copyright').before('<div id="jquery_local_img">' + $reltag + '</div>'); 
    1821  $('span.wrap2 a img').click(function() { 
    19     $scr = $(this).attr('src').replace('thumbnail/TN-', ''); 
    2022    $href = $(this).parent('a').attr('href'); 
    2123    $alt = $(this).attr('alt'); 
     
    2426    $temp = $temp.substr(0,$temp.indexOf('/')); 
    2527    $title = $('#ix-desc .Thumb-'+$temp).attr('title'); 
    26     $('#jquery_local_img').fadeOut("slow").replaceWith('<div id="jquery_local_img"><img usemap="#picturetop" title="'+$title+'" alt="'+$alt+'" src="'+$scr+'"/><map name="picturetop"><area href="#" coords="0,0,1024,300" shape="rect" title="Index"/><area href="'+$href+'" coords="0,301,1024,600" shape="rect" title="'+$title+'"/></map><br/>'+ $title +' - <a href="#Juza-Thumbs"><em>Index</em></a>' + $reltag + '</div>').fadeIn("slow"); 
     28    $src = $('#ix-desc .Medium-'+$temp).attr('title'); 
     29    $('#jquery_local_img').fadeOut("slow").replaceWith('<div id="jquery_local_img"><img usemap="#picturetop" title="'+$title+'" alt="'+$alt+'" src="'+$src+'"/><map name="picturetop"><area href="#" coords="0,0,1024,300" shape="rect" title="Index"/><area href="'+$href+'" coords="0,301,1024,600" shape="rect" title="'+$title+'"/></map><br/>'+ $title +' - <a href="#Juza-Thumbs"><em>Index</em></a>' + $reltag + '</div>').fadeIn("slow"); 
    2730          $(this).hover(function() { },function() { 
    2831            $(this).parent('h3 a').eq(0).attr('href', $href); 
  • extensions/Juza/script.tpl

    r4498 r4514  
    11{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 {/if} 
    7 {html_head} 
    8 <style type="text/css"> 
     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"> 
    921.maxIllustration a {ldelim} max-height: {$Juza_height}px; height: {$Juza_height}px; width:{$Juza_width}px; } 
    1022.bigImg {ldelim} top:{$Juza_shift}px; width:{$Juza_width}px !important; } 
    1123#imageToolBar {ldelim} top:{$Juza_shift2}px; } 
    1224.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"> 
    1340.content div.thumbnailCategory div.description {ldelim} height:{$Juza_height3}px !important; top:{$Juza_shift3}px; } 
    1441#copyright {ldelim} margin-top: {$Juza_width}px; } 
    1542table.juzabar td {ldelim} width: 155px; } 
    16 </style> 
    17 {/html_head} 
     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> 
     55 
     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} 
    1864<table cellspacing="0" class="juzabar"> 
    1965<tbody><tr> 
     
    2874</tr> 
    2975</tbody></table> 
    30 {if isset($thumbnails) } 
     76{if isset($thumbnails) and isset($Juza_active)} 
    3177<div id="ix-desc" style="display:none"> 
    3278{foreach from=$thumbnails item=thumbnail} 
    33   <div title="{$thumbnail.FILE_DESC|@htmlspecialchars}" class="Thumb-{$thumbnail.ID}" width="{$thumbnail.FILE_WIDTH}" height="{$thumbnail.FILE_HEIGHT}"></div> 
     79  <div title="{$thumbnail.FILE_DESC|@htmlspecialchars}" class="Thumb-{$thumbnail.ID}" alt="{$thumbnail.FILE_WIDTH}"></div> 
     80         <div title="{$thumbnail.FILE_PATH}" class="Medium-{$thumbnail.ID}" alt="{$thumbnail.FILE_HEIGHT}"></div> 
     81{/foreach} 
     82</div> 
     83{/if} 
     84{if isset($category_thumbnails) and isset($Juza_active)} 
     85<div id="ix-cat" style="display:none"> 
     86{foreach from=$category_thumbnails item=cat} 
     87  <div title="{$cat.TN_SRC|@Juza_file}" alt="{$cat.DESCRIPTION|@htmlspecialchars}" class="Cat-{$cat.NAME}"></div> 
    3488{/foreach} 
    3589</div> 
     
    4498        <span class="property">{'Activate Juza handlers'|@translate}</span> 
    4599        <input type="checkbox" name="Juza_handlers" {$Juza_handlers} /> 
    46         <span class="range">{'Not currently working'|@translate}</span> 
     100        <span class="range">{'Unselected => like Javascript inactive'|@translate}</span> 
    47101     </label> 
    48102    </li> 
     
    65119        <label for="Shift">{'Index picture top-shift'|@translate}</label> 
    66120      </span> 
    67       <input type="text" size="4" maxlength="4" name="Juza_shift" id="Juza_height" value="{$Juza_shift}" /> 
     121      <input type="text" size="4" maxlength="4" name="Juza_shift" id="Juza_shift" value="{$Juza_shift}" /> 
    68122      <span class="range">{'[-320:0]'|@translate}</span> 
    69123    </li> 
     
    72126        <span class="property">{'Auto cropping and shifting'|@translate}</span> 
    73127        <input type="checkbox" name="Juza_Auto_CS" {$Juza_Auto_CS} /> 
    74         <span class="range">{'Not currently working (Always active)'|@translate}</span> 
     128        <span class="range">{'Recommended medium width less 885px'|@translate}</span> 
    75129      </label> 
    76130    </li> 
    77131  </ul> 
    78132</fieldset> 
    79   <p> 
     133   
    80134    <input type="hidden" value="true" name="Juza_conf" /> 
    81     <input class="submit" type="submit" name="Juza_submit" value="{'Submit'|@translate}"> 
    82     <input class="submit" type="submit" name="Juza_reset" value="{'Reset'|@translate}"> 
    83     <input class="submit" type="submit" name="Juza_close" value="{'Close'|@translate}"> 
    84   </p> 
     135    <input class="submit" type="submit" name="Juza_submit" value="{'Submit'|@translate}" /> 
     136    <input class="submit" type="submit" name="Juza_reset" value="{'Reset'|@translate}" /> 
     137    <input class="submit" type="submit" name="Juza_close" value="{'Close'|@translate}" /> 
     138   
    85139</form> 
    86140{/if} 
Note: See TracChangeset for help on using the changeset viewer.