source: extensions/flop_style/mainpage_categories/polaroid.tpl @ 31022

Last change on this file since 31022 was 16501, checked in by flop25, 12 years ago

adding a gif loader (introduced in 2.4.2)
fixing the height of medium_cat.tpl
adding a custom size for spotlight.tpl

File size: 1.2 KB
Line 
1{combine_css path="template-extension/flop_style/mainpage_categories/polaroid.css"}
2{combine_script id='jquery.ajaxmanager' path='themes/default/js/plugins/jquery.ajaxmanager.js' load='footer'}
3{combine_script id='thumbnails.loader' path='themes/default/js/thumbnails.loader.js' require='jquery.ajaxmanager' load='footer'}
4{html_style}{literal}
5ul.polaroids a {
6        height:{/literal}{$derivative_params->max_height()+30}{literal}px;
7}
8ul.polaroids li
9{
10        height:{/literal}{$derivative_params->max_height()+70}{literal}px;
11}
12{/literal}{/html_style}
13
14{define_derivative name='derivative_polaroid' width=$derivative_params->max_width() height=$derivative_params->max_height() crop=true}
15<ul class="polaroids">
16{foreach from=$category_thumbnails item=cat}
17 {assign var=derivative value=$pwg->derivative($derivative_polaroid, $cat.representative.src_image)}
18 <li>
19                        <a href="{$cat.URL}" title="{$cat.NAME|truncate:20:" [...]"|@replace:'"':' '}">
20                                <img {if $derivative->is_cached()}src="{$derivative->get_url()}"{else}src="{$ROOT_URL}{$themeconf.img_dir}/ajax-loader-big.gif" data-src="{$derivative->get_url()}"{/if}  alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '} - {'display this album'|@translate}" >
21                        </a>
22        </li>
23{/foreach}
24</ul>
Note: See TracBrowser for help on using the repository browser.