Changeset 25998


Ignore:
Timestamp:
12/17/13 23:25:38 (6 years ago)
Author:
Miklfe
Message:
 
Location:
extensions/Slimi
Files:
7 edited

Legend:

Unmodified
Added
Removed
  • extensions/Slimi/local_head.tpl

    r18812 r25998  
    1 {php} 
    2         global $Slimi; 
    3         $this->assign( 'Slimi', $Slimi ); 
    4 {/php} 
    5  
    61{combine_script id='menu' load='header' require='jquery' path='themes/Slim/js/menu.js'} 
    7 {combine_script id='hoverIntent' load='header' require='jquery' path='themes/Slim/js/jquery.hoverIntent.minified.js'} 
    8 {combine_script id='columnizer' load='header' require='jquery' path='themes/Slim/js/columnizer.js'} 
     2{combine_script id='hoverIntent' load='header' require='jquery' path='themes/Slim/js/jquery.hoverIntent.js'} 
     3{combine_script id='columnizer' load='header' require='jquery' path='themes/Slim/js/jquery.columnizer.js'} 
    94 
    105{if (($Slimi.lytebox_slimi)==1)} 
  • extensions/Slimi/slimi.php

    r19203 r25998  
    44global $conf, $template; 
    55  $params = array_merge(unserialize($conf['Slimi'])); 
     6        $template->assign('Slimi', $params); 
    67 
    78   
     
    910<style media="screen" type="text/css"> 
    1011body{background:'.$params['bg_slimi'].'} 
    11 #infoBlock,#imageHeaderBar, .jcarousel-skin-cat .jcarousel-container,#menubar{background:'.$params['bd_slimi'].'} 
     12#infoBlock,#imageHeaderBar, #carousel,#menubar{background:'.$params['bd_slimi'].'} 
    1213#theHeader p, #theHeader h1{color:'.$params['title_slimi'].'} 
    1314</style> 
  • extensions/Slimi/template/index.tpl

    r18812 r25998  
    145145 
    146146{if !empty($THUMBNAILS)} 
    147 <ul class="thumbnails" id="thumbnails"> 
    148147{$THUMBNAILS} 
    149 </ul> 
     148{footer_script}{literal} 
     149        $('.jcarousel') 
     150            .jcarousel({ 
     151                 wrap: 'circular' 
     152            })           
     153                        .jcarouselAutoscroll({ 
     154                        autostart: false 
     155                        });      
     156                         
     157        $('.jcarousel-control-prev') 
     158            .on('jcarouselcontrol:active', function() { 
     159                $(this).removeClass('inactive'); 
     160            }) 
     161            .on('jcarouselcontrol:inactive', function() { 
     162                $(this).addClass('inactive'); 
     163            }) 
     164            .jcarouselControl({ 
     165                target: '-=1' 
     166            }); 
     167 
     168        $('.jcarousel-control-next') 
     169            .on('jcarouselcontrol:active', function() { 
     170                $(this).removeClass('inactive'); 
     171            }) 
     172            .on('jcarouselcontrol:inactive', function() { 
     173                $(this).addClass('inactive'); 
     174            }) 
     175            .jcarouselControl({ 
     176                target: '+=1' 
     177            }); 
     178{/literal}{/footer_script} 
    150179{/if} 
    151180 
    152181{if empty($THUMBNAILS)} 
    153 {if !empty($CATEGORIES)}{$CATEGORIES}{/if} 
     182{if !empty($CATEGORIES)}{$CATEGORIES} 
     183                {footer_script}{literal} 
     184        $('.jcarousel') 
     185            .jcarousel({ 
     186                 wrap: 'circular' 
     187            })           
     188                        .jcarouselAutoscroll({ 
     189                        interval: 3000, 
     190                        target: '+=1', 
     191                        autostart: true 
     192                        });      
     193                         
     194        $('.jcarousel-control-prev') 
     195            .on('jcarouselcontrol:active', function() { 
     196                $(this).removeClass('inactive'); 
     197            }) 
     198            .on('jcarouselcontrol:inactive', function() { 
     199                $(this).addClass('inactive'); 
     200            }) 
     201            .jcarouselControl({ 
     202                target: '-=1' 
     203            }); 
     204 
     205        $('.jcarousel-control-next') 
     206            .on('jcarouselcontrol:active', function() { 
     207                $(this).removeClass('inactive'); 
     208            }) 
     209            .on('jcarouselcontrol:inactive', function() { 
     210                $(this).addClass('inactive'); 
     211            }) 
     212            .jcarouselControl({ 
     213                target: '+=1' 
     214            }); 
     215                 
     216                $('.jcarousel') 
     217                        .on('mouseenter', function(){ 
     218                                $(this).jcarouselAutoscroll('stop') 
     219                        }) 
     220                        .on('mouseleave', function(){ 
     221                                $(this).jcarouselAutoscroll('start') 
     222                        }); 
     223{/literal}{/footer_script} 
     224 
     225{/if} 
    154226{/if} 
    155227 
  • extensions/Slimi/template/mainpage_categories.tpl

    r18917 r25998  
    11{define_derivative name='carousel' width='300' height='300' min_width='300'} 
    2  
    3  
    4 {html_style} 
    5 .jcarousel-skin-cat .jcarousel-list li{ldelim} 
    6         min-width:{$carousel->max_width()}px; 
    7 {/html_style} 
    8  
    9 <div id="carouselcat"> 
    10  
     2<div id="carousel"> 
    113<div id="wrap"> 
    12           <ul id="carousel" class="jcarousel-skin-cat"> 
    13  
     4        <div class="jcarousel"> 
     5          <ul> 
    146                {foreach from=$category_thumbnails item=cat} 
    15  
    16  
    177                        <li> 
    188                                        <div class="illustration"> 
     
    4030                {/foreach} 
    4131        </ul> 
    42 {footer_script}{literal} 
    43 function mycarousel_initCallback(carousel) 
    44 { 
    45 // Disable autoscrolling if the user clicks the prev or next button. 
    46     carousel.buttonNext.bind('click', function() { 
    47         carousel.startAuto(1); 
    48     }); 
    49  
    50     carousel.buttonPrev.bind('click', function() { 
    51         carousel.startAuto(0); 
    52     }); 
    53          
    54          
    55     // Pause autoscrolling if the user moves with the cursor over the clip. 
    56     carousel.clip.hover(function() {carousel.stopAuto();},  
    57                                                 function() {carousel.startAuto();} 
    58                                                 ); 
    59 }; 
    60  
    61 jQuery(document).ready(function() { 
    62     jQuery('#carousel').jcarousel({ 
    63         auto: 1, 
    64                 wrap: 'circular', 
    65                 scroll: 2, 
    66                 animation: 2000, 
    67                 initCallback: mycarousel_initCallback, 
    68                  
    69     }); 
    70 }); 
    71 {/literal}{/footer_script} 
    7232</div> 
    7333</div> 
    74  
     34        <a href="#" class="jcarousel-control-prev">&lsaquo;</a> 
     35    <a href="#" class="jcarousel-control-next">&rsaquo;</a> 
     36</div> 
  • extensions/Slimi/template/thumbnails.tpl

    r19019 r25998  
    33    global $page, $template; 
    44    $template->assign('cat_name', $page['category']['name']); 
    5          
    6         global $Slimi;  $this->assign( 'Slimi', $Slimi); 
    75{/php} 
    86 
    97 
    10 <div id="carouselthumb"> 
     8<div id="carousel"> 
    119<div id="wrap"> 
    12 <ul id="carousel" class="jcarousel-skin-cat"> 
     10                <div class="jcarousel"> 
     11<ul> 
    1312                {if !empty($category_thumbnails)} 
    1413                 
     
    3938        {assign var=derivative value=$pwg->derivative($carousel, $thumbnail.src_image)} 
    4039                        <li> 
    41                                 <div class="iIllustration"> 
     40                                <div class="illustration"> 
    4241                                        <a href="{if ($Slimi.lytebox_slimi)==1}{$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;'}"> 
    4342                                        <img class="thumbnail" src="{$derivative->get_url()}" alt="{$thumbnail.TN_ALT}" title="{$thumbnail.TN_TITLE}" height="{$carousel->max_height()}"/> 
     
    7372        {/foreach} 
    7473</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} 
    9774 
    9875</div> 
    9976</div> 
     77        <a href="#" class="jcarousel-control-prev">&lsaquo;</a> 
     78    <a href="#" class="jcarousel-control-next">&rsaquo;</a> 
     79</div> 
  • extensions/Slimi/theme.css

    r19203 r25998  
    1717#comments{background:#4f4f4f;width:100%} 
    1818.commentElement{border-radius:0;border:none;color:#c2c2c2} 
    19  
     19.switchBox{z-index:1001} 
    2020/*=========================================icon======================================================*/ 
    2121.pwg-icon{background-image:url("../default/s26/outline_ffffff.png")} 
     
    3838#menubar{background:#000;height:35px} 
    3939.dd_wrapper,.cl_wrapper,.cc_wrapper,#menubar dt,#menubar dt a{line-height:35px;height:29px;padding:0 16px 6px;color:#c2c2c2} 
    40 .dd_wrapper:hover,.cl_wrapper:hover,.cc_wrapper:hover,.activate,#menubar dt a:hover,#menubar dt:hover{z-index:100;height:29px;background:#4f4f4f;color:#ff8a00;padding:0 16px 4px;text-shadow:none} 
     40.dd_wrapper:hover,.cl_wrapper:hover,.cc_wrapper:hover,.activate,#menubar dt a:hover,#menubar dt:hover{z-index:100;background:#4f4f4f;color:#ff8a00;padding:0 16px 4px;text-shadow:none} 
    4141#menubar dt a,#menubar dt a:hover{padding:0 0} 
    4242span#menu_start{background:none} 
     
    4444#topnav .liSub{background:none} 
    4545#topnav .sub, #topnav #loger{top:35px;border-radius:0;box-shadow:5px 5px 20px #000;background:rgba(0, 0, 0, 0.8)} 
    46 ul#topnav .sub ul li,ul#topnav #loger ul li,ul#topnav .sub #menuTagCloud div{border:none} 
     46ul#topnav .sub ul li,ul#topnav #loger ul li,ul#topnav .sub #menuTagCloud div{2px;border:1px solid #CBCBCB;border-radius:10px} 
    4747ul#topnav .sub ul li a,ul#topnav #loger ul li a{background:none} 
    4848ul#topnav .sub ul li.selected a{background:url(images/menu/navlist_arrow_select.png) no-repeat 0 5px} 
     
    6262 
    6363/*=========================================carousel======================================================*/ 
    64 .jcarousel-skin-cat .jcarousel-list li{height:300px} 
    65 .jcarousel-skin-cat .jcarousel-container{border:none;border-radius:0;box-shadow:none;} 
    66 .jcarousel-skin-cat {padding:0} 
    67 .jcarousel-skin-cat .jcarousel-prev-horizontal,.jcarousel-skin-cat .jcarousel-next-horizontal{z-index:1000} 
     64#wrap{position:relative;margin:0;padding:50px 0px 40px;border:none;border-radius:0;background:transparent;box-shadow:none} 
     65.jcarousel-control-prev{left:40px;z-index:1000} 
     66.jcarousel-control-next{right:40px;z-index:1000} 
  • extensions/Slimi/themeconf.inc.php

    r19046 r25998  
    22/* 
    33Theme Name: Slimi 
    4 Version: auto 
     4Version: 1.3 
    55Description: Piwigo theme. 
    66Theme URI: http://piwigo.org/ext/extension_view.php?eid=644 
     
    3838 
    3939add_event_handler('loc_end_page_header', 'load_Slimi' ); 
    40  
    41  
    4240function load_Slimi() 
    4341{ 
    44 global $user, $page;  
    45 if($user['theme']=='Slimi') 
    46    
    47                 {  
    4842        include('slimi.php'); 
    49                 } 
    5043        } 
    5144 
Note: See TracChangeset for help on using the changeset viewer.