source: extensions/Juza/script.tpl @ 15555

Revision 4725, 4.1 KB checked in by vdigital, 10 years ago (diff)

Still a bug with Chrome and Safari

Recommended organization: Don't mixed Pictures and subcategories in a category.

  • Property svn:eol-style set to LF
  • Property svn:keywords set to Author Date Id Revision
Line 
1  {known_script id="jquery" src=$ROOT_URL|@cat:"template-common/lib/jquery.packed.js"}
2  {known_script id="jquery.ui" src=$ROOT_URL|@cat:"template-common/lib/ui/ui.core.packed.js"}
3  {assign var=JUZA value=$ROOT_URL|@cat:"template/"|@cat:$themeconf.template|@cat:"/theme/"|@cat:$themeconf.theme}
4  {known_script id="juza" src=$JUZA|@cat:"/js/juzascript.js"}
5  {html_head}
6<style type="text/css">
7.maxIllustration a {ldelim} max-height: {$Juza_height}px; height: {$Juza_height}px; width:{$Juza_width}px; }
8.bigImg {ldelim} width:{$Juza_width}px !important; }
9#imageToolBar {ldelim} top:{$Juza_shift2}px; }
10.content ul.thumbnailCategories li.Juza-cat {ldelim} width: 100%; }
11</style>
12  {/html_head}
13<script type="text/javascript">
14$().ready(function() {ldelim}
15  $('div.illustration a img').each(function() {ldelim}
16    $('div.illustration a img').load(function() {ldelim}
17      // var $h = $(this).height();
18      var pld = $(this), $h = pld.height();
19      $(this).css('top', '{$Juza_shift}px');
20      $(this).parents('li').eq(0).css('height', '{$Juza_height2}px').css('min-height', '{$Juza_height2}px');
21      $(this).parents('li').eq(0).find('div.description').eq(0).css('height' , '{$Juza_height3}px').css('top', '{$Juza_shift3}px').find('li').css('width','100%');
22      $(this).parents('.maxIllustration a').eq(0).css('height', '{$Juza_height}px');
23      if ($h  < {$Juza_height3+20})  {ldelim} /* Kill Auto crop */
24        var $i = ($h + 55)+'px';
25        var $j = ($h + 325)+'px';
26        var $k = ($h + 12)+'px';
27        var $h = $h+'px';
28        $(this).css('top', '0px');
29        $(this).parents('li').eq(0).css('height', $i).css('min-height', $i);
30        $(this).parents('li').eq(0).find('div.description').eq(0).css('height' , $j).css('top', '-'+$k).find('li').css('width','100%');
31        $(this).parents('.maxIllustration a').eq(0).css('height', $h);
32      }; /* Kill Auto crop */
33    });
34    var $h = $('#jquery_local_img #relTag').height() + 50 + {$Juza_width};
35    $('#copyright').css('margin-top', $h+'px');
36  });
37  $('div.illustration a img').ready(function() {ldelim}
38    $('div.illustration a img').each(function() {ldelim}
39      var $h = $(this).height();
40      $(this).css('top', '{$Juza_shift}px');
41      $(this).parents('li').eq(0).css('height', '{$Juza_height2}px').css('min-height', '{$Juza_height2}px');
42      $(this).parents('li').eq(0).find('div.description').eq(0).css('height' , '{$Juza_height3}px').css('top', '{$Juza_shift3}px').find('li').css('width','100%');
43      $(this).parents('.maxIllustration a').eq(0).css('height', '{$Juza_height}px');
44      if ($h  < {$Juza_height3+20})  {ldelim} /* Kill Auto crop */
45        var $i = ($h + 55)+'px';
46        var $j = ($h + 325)+'px';
47        var $k = ($h + 12)+'px';
48        var $h = $h+'px';
49        $(this).css('top', '0px');
50        $(this).parents('li').eq(0).css('height', $i).css('min-height', $i);
51        $(this).parents('li').eq(0).find('div.description').eq(0).css('height' , $j).css('top', '-'+$k).find('li').css('width','100%');
52        $(this).parents('.maxIllustration a').eq(0).css('height', $h);
53      }; /* Kill Auto crop */
54    });
55    var $h = $('#jquery_local_img #relTag').height() + 50 + {$Juza_width};
56    $('#copyright').css('margin-top', $h+'px');
57  });
58});
59</script>
60
61
62{if isset($thumbnails)}
63<div id="ix-desc" style="display:none">
64{foreach from=$thumbnails item=thumbnail}
65  <div title="{$thumbnail.FILE_DESC|@htmlspecialchars}" class="Thumb-{$thumbnail.ID}" alt="{$thumbnail.FILE_WIDTH}"></div>
66   <div title="{$thumbnail.FILE_PATH}" class="Medium-{$thumbnail.ID}" alt="{$thumbnail.FILE_HEIGHT}"></div>
67{/foreach}
68</div>
69{/if}
70
71{if isset($category_thumbnails)}
72<div id="ix-cat" style="display:none">
73{foreach from=$category_thumbnails item=cat}
74  <img src="{$cat.TN_SRC}" title="{$cat.TN_SRC|@Juza_file}" alt="{$cat.DESCRIPTION|@strip_tags|@htmlspecialchars}" class="Cat"/>
75{/foreach}
76</div>
77{/if}
78
79{if isset($Juza_cats)}
80<div id="menu-cat" style="display:none">
81{$Juza_cats}
82</div>
83{/if}
84
85{if is_admin()}
86<div id="Juza_call" style="display:none"><a class="Juza_conf" href="#">{'Juza Theme Configuration'|@translate}</a>
87</div>
88{/if}
89
90{$MENUBAR}
91{assign var=MENUBAR value=''}
Note: See TracBrowser for help on using the repository browser.