source: extensions/Float/template/mainpage_categories.tpl @ 31706

Last change on this file since 31706 was 25980, checked in by Miklfe, 11 years ago
File size: 1.6 KB
Line 
1{define_derivative name='derivative_params' type='xsmall'}
2{html_style}
3{if $derivative_params->max_width() > 600}
4.thumbLegend {ldelim}font-size: 130%}
5{else}
6{if $derivative_params->max_width() > 400}
7.thumbLegend {ldelim}font-size: 110%}
8{else}
9.thumbLegend {ldelim}font-size: 90%}
10{/if}
11{/if}
12{/html_style}
13
14<div class="thumbContent">
15
16<div id="container">
17
18{foreach from=$category_thumbnails item=cat name=cat_loop}
19        <div class="box {if $smarty.foreach.comment_loop.index is odd}odd{else}even{/if}">
20                <div class="thumbnailCategory">
21                        <div class="illustration">
22                                <img src="{$pwg->derivative_url($derivative_params, $cat.representative.src_image)}" alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '|@strip_tags:false} - {'display this album'|@translate}">
23                        <a href="{$cat.URL}">
24                                <div class="description">
25                                                <div class="text">
26                                        <h2>
27                                                {$cat.NAME}
28                                                {if !empty($cat.icon_ts)}
29                                                <img title="{$cat.icon_ts.TITLE}" src="{$ROOT_URL}{$themeconf.icon_dir}/recent{if $cat.icon_ts.IS_CHILD_DATE}_by_child{/if}.png" alt="(!)">
30                                                {/if}
31                                        </h2>
32                               
33                                                        {if isset($cat.INFO_DATES) }
34                                                        <p class="dates">{$cat.INFO_DATES}</p>
35                                                        {/if}
36                                                        <p class="Nb_images">{$cat.CAPTION_NB_IMAGES}</p>
37                                                        {if not empty($cat.DESCRIPTION)}
38                                                        <p>{$cat.DESCRIPTION}</p>
39                                                        {/if}
40                                        </div>
41                                </div>
42                        </a>
43                        </div>
44                </div>
45        </div>
46{/foreach}
47
48
49</div>
50{footer_script require='jquery'}{literal}
51  $(function(){
52
53    var $container = $('#container');
54 
55    $container.imagesLoaded( function(){
56      $container.masonry({
57        itemSelector : '.box',
58                isFitWidth: true
59      });
60    });
61 
62  });
63{/literal}{/footer_script}
64</div>
65
Note: See TracBrowser for help on using the repository browser.