source: trunk/themes/default/template/thumbnails.tpl @ 16504

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

adding the loader ajax-loader-small.gif for thumbnails.tpl & mainpage_categories.tpl
bug:2684

  • Property svn:eol-style set to LF
File size: 2.0 KB
RevLine 
[12908]1{if !empty($thumbnails)}{strip}
[13452]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'}
[12954]4{*define_derivative name='derivative_params' width=160 height=90 crop=true*}
[12920]5{html_style}
[12908]6{*Set some sizes according to maximum thumbnail width and height*}
7.thumbnails SPAN,
8.thumbnails .wrap2 A,
9.thumbnails LABEL{ldelim}
[12958]10        width: {$derivative_params->max_width()+2}px;
[12908]11}
12
13.thumbnails .wrap2{ldelim}
[12958]14        height: {$derivative_params->max_height()+3}px;
[12908]15}
[12920]16{if $derivative_params->max_width() > 600}
17.thumbLegend {ldelim}font-size: 130%}
18{else}
19{if $derivative_params->max_width() > 400}
20.thumbLegend {ldelim}font-size: 110%}
21{else}
22.thumbLegend {ldelim}font-size: 90%}
23{/if}
24{/if}
25{/html_style}
[12908]26{foreach from=$thumbnails item=thumbnail}
[13444]27{assign var=derivative value=$pwg->derivative($derivative_params, $thumbnail.src_image)}
[2274]28        <li>
[2234]29        <span class="wrap1">
30                <span class="wrap2">
[2515]31                <a href="{$thumbnail.URL}">
[16504]32                        <img class="thumbnail" {if $derivative->is_cached()}src="{$derivative->get_url()}"{else}src="{$ROOT_URL}{$themeconf.img_dir}/ajax-loader-small.gif" data-src="{$derivative->get_url()}"{/if} alt="{$thumbnail.TN_ALT}" title="{$thumbnail.TN_TITLE}">
[2234]33                </a>
34                </span>
[11990]35                {if $SHOW_THUMBNAIL_CAPTION }
[2234]36                <span class="thumbLegend">
[14239]37                <span class="thumbName">{$thumbnail.NAME}</span>
[3188]38                {if !empty($thumbnail.icon_ts)}
[8362]39                <img title="{$thumbnail.icon_ts.TITLE}" src="{$ROOT_URL}{$themeconf.icon_dir}/recent.png" alt="(!)">
[3188]40                {/if}
[2274]41                {if isset($thumbnail.NB_COMMENTS)}
42                <span class="{if 0==$thumbnail.NB_COMMENTS}zero {/if}nb-comments">
[3185]43                <br>
[2274]44                {$pwg->l10n_dec('%d comment', '%d comments',$thumbnail.NB_COMMENTS)}
[2234]45                </span>
46                {/if}
[2274]47
48                {if isset($thumbnail.NB_HITS)}
49                <span class="{if 0==$thumbnail.NB_HITS}zero {/if}nb-hits">
[3185]50                <br>
[2274]51                {$pwg->l10n_dec('%d hit', '%d hits',$thumbnail.NB_HITS)}
[2234]52                </span>
53                {/if}
54                </span>
[11990]55                {/if}
[2234]56        </span>
57        </li>
[8469]58{/foreach}{/strip}
[2234]59{/if}
Note: See TracBrowser for help on using the repository browser.