Ignore:
Timestamp:
12/17/13 23:22:53 (6 years ago)
Author:
Miklfe
Message:
 
File:
1 edited

Legend:

Unmodified
Added
Removed
  • extensions/Slim/template/thumbnails.tpl

    r18905 r25997  
    44    $template->assign('cat_name', $page['category']['name']); 
    55         
    6         global $Slim;   $this->assign( 'Slim', $Slim ); 
    76{/php} 
    87 
    98 
    10 <div id="carouselthumb"> 
    11 <div id="wrap"> 
    12 <ul id="carousel" class="jcarousel-skin-cat"> 
    13                 {if !empty($category_thumbnails)} 
    14                  
    15                 {foreach from=$category_thumbnails item=cat} 
    16  
    17  
    18                         <li> 
     9<div id="carousel"> 
     10        <div id="wrap"> 
     11                <div class="jcarousel"> 
     12                        <ul> 
     13                        {if !empty($category_thumbnails)} 
     14                                {foreach from=$category_thumbnails item=cat} 
     15                                <li> 
    1916                                        <div class="illustration"> 
    2017                                                <a href="{$cat.URL}"> 
    21                                                         <img src="{$pwg->derivative_url($carousel, $cat.representative.src_image)}" alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '|@strip_tags:false} - {'display this album'|@translate}" min-width="{$carousel->max_width()}" height="{$carousel->max_height()}"/> 
     18                                                        <img src="{$pwg->derivative_url($carousel, $cat.representative.src_image)}" alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '|@strip_tags:false} - {'display this album'|@translate}" min-width="{$carousel->max_width()}" height="{$carousel->max_height()-22}"/> 
    2219                                                </a> 
    2320                                        </div> 
    24                                          
    25                                                  
    26                                                 <div class="CatMPdescription"> 
    27                                                         <h3> 
    28                                                                 <a href="{$cat.URL}">{$cat.NAME}</a> 
    29                                                         </h3> 
    30                                                         <div> 
     21                                        <div class="CatMPdescription"> 
     22                                                <h3> 
     23                                                        <a href="{$cat.URL}">{$cat.NAME}</a> 
     24                                                </h3> 
     25                                                <div> 
    3126                                                        {$cat.CAPTION_NB_IMAGES} 
    32                                                         </div>   
    33                                                 </div> 
    34                         </li> 
    35                 {/foreach}{/if} 
    36  
    37  
    38         {foreach from=$thumbnails item=thumbnail} 
    39         {assign var=derivative value=$pwg->derivative($carousel, $thumbnail.src_image)} 
    40                         <li> 
    41                                 <div class="iIllustration"> 
    42                                         <a href="{if ($Slim.style_slim)!=3}{$thumbnail.path}" class="lytebox" rev="slide:true group:name showNavigation:true navType:1 slideInterval:6000"{else}{$thumbnail.URL}"{/if} title="{$thumbnail.NAME|strip_tags:false|replace:'\'':'&#39;'|replace:'"':'&quot;'}"> 
    43                                         <img class="thumbnail" src="{$derivative->get_url()}" alt="{$thumbnail.TN_ALT}" title="{$thumbnail.TN_TITLE}" height="{$carousel->max_height()}"/> 
    44                                                  
     27                                                </div>   
     28                                        </div> 
     29                                </li> 
     30                                {/foreach} 
     31                        {/if} 
     32                                {foreach from=$thumbnails item=thumbnail} 
     33                                {assign var=derivative value=$pwg->derivative($carousel, $thumbnail.src_image)} 
     34                                <li> 
     35                                        <div class="illustration"> 
     36                                                <a href="{if ($Slim.style_slim)!=3}{$thumbnail.path}" class="lytebox" rev="slide:true group:name showNavigation:true navType:1 slideInterval:6000"{else}{$thumbnail.URL}"{/if} title="{$thumbnail.NAME|strip_tags:false|replace:'\'':'&#39;'|replace:'"':'&quot;'}"> 
     37                                                <img class="thumbnail" src="{$derivative->get_url()}" alt="{$thumbnail.TN_ALT}" title="{$thumbnail.TN_TITLE}" height="{$carousel->max_height()-22}"/> 
    4538                                                {if $SHOW_THUMBNAIL_CAPTION } 
    4639                                                        <div class="CatMPdescription"> 
    4740                                                                <H3> 
    4841                                                                        {$thumbnail.NAME} 
    49                                                                          
    5042                                                                        {if !empty($thumbnail.icon_ts)} 
    5143                                                                                <img title="{$thumbnail.icon_ts.TITLE}" src="{$ROOT_URL}{$themeconf.icon_dir}/recent.png" alt="(!)"> 
     
    5345                                                                </h3> 
    5446                                                                {if isset($thumbnail.NB_COMMENTS) or isset($thumbnail.NB_HITS)} 
    55                                                                 <div> 
     47                                                                        <div> 
    5648                                                                        {if isset($thumbnail.NB_COMMENTS)} 
    5749                                                                                <p class="{if 0==$thumbnail.NB_COMMENTS}zero {/if}nb-comments"> 
    58                                                                                 {$pwg->l10n_dec('%d comment', '%d comments',$thumbnail.NB_COMMENTS)} 
     50                                                                                        {$pwg->l10n_dec('%d comment', '%d comments',$thumbnail.NB_COMMENTS)} 
    5951                                                                                </p> 
    6052                                                                        {/if} 
    6153                                                                        {if isset($thumbnail.NB_HITS)} 
    6254                                                                                <p class="{if 0==$thumbnail.NB_HITS}zero {/if}nb-hits"> 
    63                                                                                 {$pwg->l10n_dec('%d hit', '%d hits',$thumbnail.NB_HITS)} 
     55                                                                                        {$pwg->l10n_dec('%d hit', '%d hits',$thumbnail.NB_HITS)} 
    6456                                                                                </p> 
    6557                                                                        {/if} 
    66                                                                 </div> 
     58                                                                        </div> 
    6759                                                                {/if} 
    6860                                                        </div> 
    6961                                                {/if} 
    70                                         </a>     
    71                                 </div>   
    72                         </li> 
    73         {/foreach} 
    74 </ul> 
    75 {footer_script}{literal} 
    76 function mycarousel_initCallback(carousel) 
    77 { 
    78     // Pause autoscrolling if the user moves with the cursor over the clip. 
    79     carousel.clip.hover(function() { 
    80         carousel.stopAuto(); 
    81     }, function() { 
    82         carousel.startAuto(); 
    83     }); 
    84 }; 
    85  
    86 jQuery(document).ready(function() { 
    87     jQuery('#carousel').jcarousel({ 
    88         auto: 0, 
    89                 wrap: 'circular', 
    90                 scroll: 2, 
    91                 initCallback: mycarousel_initCallback, 
    92                  
    93     }); 
    94 }); 
    95  
    96 {/literal}{/footer_script} 
    97  
     62                                                </a>     
     63                                        </div>   
     64                                </li> 
     65                                {/foreach} 
     66                        </ul> 
     67                </div> 
     68        </div> 
     69        <a href="#" class="jcarousel-control-prev">&lsaquo;</a> 
     70    <a href="#" class="jcarousel-control-next">&rsaquo;</a> 
    9871</div> 
    99 </div> 
Note: See TracChangeset for help on using the changeset viewer.