Changeset 28556


Ignore:
Timestamp:
05/28/14 23:14:27 (5 years ago)
Author:
Miklfe
Message:

nouveau carousel: mousewheel; scrollable pour les écrans tactiles
nouvelle lightbox: Fancybox

Location:
extensions/Slim
Files:
24 added
12 deleted
8 edited

Legend:

Unmodified
Added
Removed
  • extensions/Slim/local_head.tpl

    r25997 r28556  
    11{if (($Slim.style_slim)!=3)} 
    2 {combine_script id='lytebox' load='header' require='jquery' path='themes/Slim/js/lytebox.js'} 
     2{combine_script id='lytebox' load='header' require='jquery' path='themes/Slim/js/jquery.fancybox.js'} 
    33{/if} 
    44 
     
    88{combine_script id='columnizer' load='header' require='jquery' path='themes/Slim/js/jquery.columnizer.js'} 
    99{/if} 
     10 
     11{combine_script id='ui' load='header' require='jquery' path='themes/Slim/js/jquery-ui.custom.min.js'} 
     12{combine_script id='mousewheel' load='footer' require='jquery' path='themes/Slim/js/jquery.mousewheel.min.js'} 
     13{combine_script id='kinetic' load='footer' require='jquery' path='themes/Slim/js/jquery.kinetic.min.js'} 
     14{combine_script id='smoothdivscroll' load='footer' path='themes/Slim/js/jquery.smoothDivScroll-1.3.js'} 
     15 
     16 
  • extensions/Slim/template/header.tpl

    r25997 r28556  
    5757 
    5858 
    59 {combine_script id='jcarousel' load='header' require='jquery' path='themes/Slim/js/jquery.jcarousel.js'} 
    6059 
    6160</head> 
  • extensions/Slim/template/index.tpl

    r28392 r28556  
    33{/if} 
    44 
    5 {combine_script id='mousewheel' load='header' require='jquery' path='themes/Slim/js/mousewhell.js'} 
    65 
    76<div id="content" class="content{if isset($MENUBAR)} contentWithMenu{/if}"> 
     
    98{if ($Slim.style_slim)==1} 
    109        {if !empty($THUMBNAILS)} 
    11         <div id="home"> 
    12         <a href="{$U_HOME}"><img src="themes/Slim/images/home.png" height="32px" width="32px"></a> 
    13         </div> 
    14         <div class="titrePage"> 
    1510        <div id="infoBlock"> 
     11        <div class="titrePage slim"> 
     12                <a href="{$U_HOME}"> 
     13                <div id="home"></div> 
     14                </a> 
    1615        {if !empty($PLUGIN_INDEX_ACTIONS)}{$PLUGIN_INDEX_ACTIONS}{/if} 
    1716        <h2> 
     
    1918        </h2> 
    2019        {/if} 
    21  
     20        </div> 
     21        </div> 
    2222{else} 
    2323 
     
    165165{if !empty($THUMBNAILS)} 
    166166                {$THUMBNAILS} 
    167 {footer_script}{literal} 
    168         $('.jcarousel') 
    169             .jcarousel({ 
    170                  wrap: 'circular', 
    171             })           
    172                         .jcarouselAutoscroll({ 
    173                         autostart: false 
    174                         });      
    175                          
    176         $('.jcarousel-control-prev') 
    177             .on('jcarouselcontrol:active', function() { 
    178                 $(this).removeClass('inactive'); 
    179             }) 
    180             .on('jcarouselcontrol:inactive', function() { 
    181                 $(this).addClass('inactive'); 
    182             }) 
    183             .jcarouselControl({ 
    184                 target: '-=1' 
    185             }); 
    186167 
    187         $('.jcarousel-control-next') 
    188             .on('jcarouselcontrol:active', function() { 
    189                 $(this).removeClass('inactive'); 
    190             }) 
    191             .on('jcarouselcontrol:inactive', function() { 
    192                 $(this).addClass('inactive'); 
    193             }) 
    194             .jcarouselControl({ 
    195                 target: '+=1' 
    196             }); 
    197                          
    198     $('.jcarousel').mousewheel(function(event, delta) { 
    199         if (delta > 0) 
    200             {$('.jcarousel').jcarousel('scroll', '-=1')} 
    201         else if (delta < 0) 
    202             {$('.jcarousel').jcarousel('scroll', '+=1')} 
    203         }); 
    204  
    205 //};     
    206                  
    207 {/literal}{/footer_script} 
    208168 
    209169{/if} 
     
    212172        {if !empty($CATEGORIES)} 
    213173                {$CATEGORIES} 
    214                 {footer_script}{literal} 
    215         $('.jcarousel') 
    216             .jcarousel({ 
    217                  wrap: 'circular' 
    218             })           
    219                         .jcarouselAutoscroll({ 
    220                         interval: 3000, 
    221                         target: '+=1', 
    222                         autostart: true 
    223                         });      
    224                          
    225         $('.jcarousel-control-prev') 
    226             .on('jcarouselcontrol:active', function() { 
    227                 $(this).removeClass('inactive'); 
    228             }) 
    229             .on('jcarouselcontrol:inactive', function() { 
    230                 $(this).addClass('inactive'); 
    231             }) 
    232             .jcarouselControl({ 
    233                 target: '-=1' 
    234             }); 
    235174 
    236         $('.jcarousel-control-next') 
    237             .on('jcarouselcontrol:active', function() { 
    238                 $(this).removeClass('inactive'); 
    239             }) 
    240             .on('jcarouselcontrol:inactive', function() { 
    241                 $(this).addClass('inactive'); 
    242             }) 
    243             .jcarouselControl({ 
    244                 target: '+=1' 
    245             }); 
    246                  
    247                 $('.jcarousel') 
    248                         .on('mouseenter', function(){ 
    249                                 $(this).jcarouselAutoscroll('stop') 
    250                         }) 
    251                         .on('mouseleave', function(){ 
    252                                 $(this).jcarouselAutoscroll('start') 
    253                         }); 
    254                  
    255                 $('.jcarousel').mousewheel(function(event, delta) { 
    256         if (delta > 0) 
    257             {$('.jcarousel').jcarousel('scroll', '-=1')} 
    258         else if (delta < 0) 
    259             {$('.jcarousel').jcarousel('scroll', '+=1')} 
    260         }); 
    261  
    262 {/literal}{/footer_script} 
    263175 
    264176        {/if} 
  • extensions/Slim/template/mainpage_categories.tpl

    r25997 r28556  
    1 {define_derivative name='carousel' width='300' height='300' min_width='300'} 
    2 <div id="carousel"> 
    3 <div id="wrap"> 
    4         <div class="jcarousel"> 
    5                 <ul> 
     1{define_derivative name='carousel' width='300' height='350' min_width='350'} 
     2 
     3{footer_script}{literal} 
     4$(document).ready(function () { 
     5        var isTouch = (('ontouchstart' in window) || (navigator.msMaxTouchPoints > 0)), 
     6                start; 
     7         
     8        if (isTouch==true){ 
     9        start=""; 
     10        }else{ 
     11        start="onStart"; 
     12        }; 
     13         
     14        $("div.carousel").smoothDivScroll({ 
     15                autoScrollingMode: start, 
     16                touchScrolling: true, 
     17                autoScrollingStep: 5, 
     18                mousewheelScrolling: "allDirections", 
     19                manualContinuousScrolling: true, 
     20                 
     21        });      
     22                         
     23        $("div.carousel").bind("mouseover", function() { 
     24                $(this).smoothDivScroll("stopAutoScrolling"); 
     25        }).bind("mouseout", function() { 
     26                $(this).smoothDivScroll("startAutoScrolling"); 
     27        });      
     28}); 
     29{/literal}{/footer_script} 
     30 
     31<div class="carousel"> 
    632                        {foreach from=$category_thumbnails item=cat} 
    7                                 <li> 
    833                                                <div class="illustration"> 
    934                                                        <a href="{$cat.URL}"> 
    1035                                                                <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}"/> 
    11                                                         </a> 
    12                                                 </div> 
     36                                                         
    1337                                                <div class="CatMPdescription"> 
    1438                                                        <h3> 
    15                                                                 <a href="{$cat.URL}">{$cat.NAME}</a> 
     39                                                                {$cat.NAME} 
    1640                                                        </h3> 
    1741                                                        <div> 
    1842                                                                {$cat.CAPTION_NB_IMAGES} 
     43                                                </div> 
    1944                                                        </div>   
     45                                                </a> 
    2046                                                </div> 
    21                                 </li> 
    2247                        {/foreach} 
    23                 </ul> 
    24         </div> 
    2548</div> 
    26         <a href="#" class="jcarousel-control-prev">&lsaquo;</a> 
    27     <a href="#" class="jcarousel-control-next">&rsaquo;</a> 
    28 </div> 
  • extensions/Slim/template/menubar.tpl

    r25997 r28556  
     1{if !empty($blocks) } 
    12<div id=menubar>         
    23<span id="menu_start"> 
     
    3334                        </div> 
    3435                </div> 
     36{/if} 
    3537 
    3638 
    37  
  • extensions/Slim/template/thumbnails.tpl

    r25997 r28556  
    1 {define_derivative name='carousel' width='300' height='300' min_width='300'} 
     1{define_derivative name='carousel' width='300' height='350' min_width='350'} 
    22{php} 
    33    global $page, $template; 
     
    66{/php} 
    77 
     8{footer_script}{literal} 
     9$(document).ready(function () { 
     10        var isTouch = (('ontouchstart' in window) || (navigator.msMaxTouchPoints > 0)), 
     11                start; 
     12         
     13        if (isTouch==true){ 
     14        start=""; 
     15        }else{ 
     16        start="onStart"; 
     17        }; 
     18         
     19        $("div.carousel").smoothDivScroll({ 
     20                autoScrollingMode: start, 
     21                touchScrolling: true, 
     22                autoScrollingStep:5, 
     23                mousewheelScrolling: "allDirections", 
     24                manualContinuousScrolling: true, 
     25        });      
     26                         
     27        $("div.carousel").bind("mouseover", function() { 
     28                $(this).smoothDivScroll("stopAutoScrolling"); 
     29        }).bind("mouseout", function() { 
     30                $(this).smoothDivScroll("startAutoScrolling"); 
     31        });      
     32         
     33         
     34        $('.fancybox').fancybox({ 
     35                helpers : { 
     36                title : { 
     37                        type : 'over' 
     38                }, 
     39                },       
     40                afterLoad: function() { 
     41                $("div.carousel").smoothDivScroll("stopAutoScrolling"); 
     42                }, 
     43                afterClose: function() { 
     44                $("div.carousel").smoothDivScroll("startAutoScrolling"); 
     45                } 
     46        }); 
     47}); 
     48{/literal}{/footer_script} 
    849 
    9 <div id="carousel"> 
    10         <div id="wrap"> 
    11                 <div class="jcarousel"> 
    12                         <ul> 
     50                 
     51                         
     52 
     53 
     54        <div class="carousel"> 
    1355                        {if !empty($category_thumbnails)} 
    14                                 {foreach from=$category_thumbnails item=cat} 
    15                                 <li> 
    16                                         <div class="illustration"> 
    17                                                 <a href="{$cat.URL}"> 
    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}"/> 
     56                        {foreach from=$category_thumbnails item=cat} 
     57                                                <div class="illustration"> 
     58                                                        <a href="{$cat.URL}"> 
     59                                                                <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}"/> 
     60                                                         
     61                                                <div class="CatMPdescription"> 
     62                                                        <h3> 
     63                                                                {$cat.NAME} 
     64                                                        </h3> 
     65                                                        <div> 
     66                                                                {$cat.CAPTION_NB_IMAGES} 
     67                                                </div> 
     68                                                        </div>   
    1969                                                </a> 
    20                                         </div> 
    21                                         <div class="CatMPdescription"> 
    22                                                 <h3> 
    23                                                         <a href="{$cat.URL}">{$cat.NAME}</a> 
    24                                                 </h3> 
    25                                                 <div> 
    26                                                         {$cat.CAPTION_NB_IMAGES} 
    27                                                 </div>   
    28                                         </div> 
    29                                 </li> 
    30                                 {/foreach} 
     70                                                </div> 
     71                        {/foreach} 
    3172                        {/if} 
    3273                                {foreach from=$thumbnails item=thumbnail} 
    3374                                {assign var=derivative value=$pwg->derivative($carousel, $thumbnail.src_image)} 
    34                                 <li> 
    3575                                        <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;'}"> 
     76                                                <a href="{if ($Slim.style_slim)!=3}{$thumbnail.path}" class="fancybox" data-fancybox-group="gallery"{else}{$thumbnail.URL}"{/if} title="{$thumbnail.NAME|strip_tags:false|replace:'\'':'&#39;'|replace:'"':'&quot;'}"> 
    3777                                                <img class="thumbnail" src="{$derivative->get_url()}" alt="{$thumbnail.TN_ALT}" title="{$thumbnail.TN_TITLE}" height="{$carousel->max_height()-22}"/> 
    3878                                                {if $SHOW_THUMBNAIL_CAPTION } 
     
    62102                                                </a>     
    63103                                        </div>   
    64                                 </li> 
    65104                                {/foreach} 
    66                         </ul> 
    67                 </div> 
    68105        </div> 
    69         <a href="#" class="jcarousel-control-prev">&lsaquo;</a> 
    70     <a href="#" class="jcarousel-control-next">&rsaquo;</a> 
    71 </div> 
     106 
  • extensions/Slim/theme.css

    r28392 r28556  
    1212A:hover{color:#8F8F8F;border:none} 
    1313.commentsList{overflow:inherit} 
    14 #theHeader{text-align:left;padding-left:100px;padding-top:70px;position:relative;margin-bottom:10px} 
     14#theHeader{position:relative;text-align:left;padding-top:70px;position:relative;margin:10px auto;width:95%} 
    1515#theHeader H1{display:inline-block;text-align:left;font-size:280%;margin:0} 
    1616#theHeader p{display:inline-block;font-size:130%;position:absolute;right:40px;bottom:0} 
    17 #content{margin:0} 
     17#content{margin:0 auto;width:95%} 
    1818.content H2{margin:3px 0 0} 
    19 #infoBlock,#imageHeaderBar{background:rgba(239, 239, 239, 1);border-radius:3px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.4) inset, 0 1px rgba(255, 255, 255, 0.4); margin:0 40px} 
     19#infoBlock,#imageHeaderBar{background:rgba(239, 239, 239, 1);border-radius:3px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.4) inset, 0 1px rgba(255, 255, 255, 0.4); margin:0} 
    2020.switchBox{background:#5f5f5f; color:#fff} 
    2121.switchBox a{color:#fff} 
     
    2525.message{color:#FFF;background:#666} 
    2626.description{margin-left:20px;padding-bottom:10px} 
    27 #home{padding-bottom:20px} 
    2827.logcontener{Background:#EFEFEF;border:1px solid #afafaf;border-radius:5px;margin-top:40px} 
    2928.logcontener SPAN.property{width:100%} 
     
    3635 
    3736/*=========================================categorie page======================================================*/ 
    38 .illustration{border-radius:7px;position:relative;margin-right:10px;float:none} 
    39 .illustration img{display:block;border-radius:7px;margin:0 auto} 
     37.illustration{margin-right:10px;position:relative} 
     38.illustration img{display:block;border-radius:4px;margin:0 auto} 
    4039.content .additional_info{text-align:left;padding-bottom:20px;padding-left:25px} 
    4140.CatMPdescription h3{background:transparent;margin:5px 30px 0 0} 
     
    9796.close{cursor:pointer;height:16px;width:16px;background:url(images/menu/close.png) no-repeat;float:right} 
    9897.close:hover{background:url(images/menu/close.png) no-repeat 0 -16px } 
     98#home {margin:0 40px 0 10px;width:32px;height:32px;background:url(images/menu/home_w.png) no-repeat left top} 
     99#home:hover{background-position:left -30px} 
     100.slim a{float:left} 
     101.slim{padding-top:5px} 
    99102 
    100103/*=========================================picture page======================================================*/ 
     
    137140 
    138141/*___comment___*/ 
    139 #comments{padding:0 0 40px;text-align:left} 
     142#comments{padding:0 0 40px;text-align:left;margin:0 50px} 
    140143#commentAdd,#pictureCommentList{width:48%} 
    141144#pictureCommentList li{margin-top:20px} 
     
    160163 
    161164/*=========================================carousel======================================================*/ 
    162 #carousel{position:relative} 
    163 .jcarousel{position:relative;overflow:hidden} 
    164 .jcarousel ul{width:20000em;position:relative;list-style:none;margin:0;padding:0} 
    165 .jcarousel li {float: left} 
    166 #wrap{position:relative;margin:50px;padding:20px 20px 40px;border:1px solid rgba(0,0,0,0.5);border-radius:8px;background:rgba(0,0,0,0.25);box-shadow:0 2px 6px rgba(0,0,0,0.5),inset 0 1px rgba(255,255,255,0.3),inset 0 2px rgba(255,255,255,0.2),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3)} 
    167 .jcarousel-control-prev,.jcarousel-control-next{position:absolute;top:160px;width:30px;height:30px;text-align:center;background:#4E443C;color:#fff;text-decoration:none;text-shadow:0 0 1px #000;font:24px/27px Arial, sans-serif;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;-webkit-box-shadow:0 0 2px #999;-moz-box-shadow:0 0 2px #999;box-shadow:0 0 2px #999} 
    168 .jcarousel-control-prev{left:80px} 
    169 .jcarousel-control-next{right:80px} 
    170 .jcarousel-control-prev:hover span,.jcarousel-control-next:hover span{display:block} 
    171 .jcarousel-control-prev.inactive,.jcarousel-control-next.inactive{opacity: .5;cursor:default} 
    172  
    173 /*=========================================Lytebox======================================================*/ 
    174 #lbOverlay{position:fixed;top:0px;left:0px;z-index:99997;width:100%;height:100%;background:#000} 
    175 #lbMain{position:absolute;left:0px;width:100%;z-index:99998;text-align:center;line-height:0;isplay:-moz-inline-stack} 
    176 #lbMain a img{border:1px solid #FFF} 
    177 #lbOuterContainer{position:relative;background:transparent;width:200px;height:200px;margin:0px auto;border:2px solid #CCC} 
    178 #lbTopContainer,#lbBottomContainer{font:0.9em/1.4em Verdana,Helvetica,sans-serif;background:transparent;width:100%;overflow:hidden;margin:0px auto;padding:0px;position:relative;z-index:14;display:none} 
    179 #lbTopContainer{overflow:hidden;margin-top:5px} 
    180 #lbImage,#lbIframe{border:1px solid #CCC} 
    181 #lbImageContainer,#lbIframeContainer{z-index: 12} 
    182 #lbLoading{height:100%;width:100%;margin-top:-10px;background:url("images/Lytebox/loading.gif") no-repeat center center} 
    183 #lbHoverNav{position:absolute;top:0px;left:0px;height:100%;width:100%;z-index:10} 
    184 #lbImageContainer > #lbHoverNav{left:0px} 
    185 #lbHoverNav a{outline: medium none} 
    186 #lbPrevHov{width:48%;height:100%;background:url("images/Lytebox/blank.gif") no-repeat 0% 0%;display:block;left:0px;float:left;margin-left:3px;border:medium none !important} 
    187 #lbPrevHov:hover,#lbPrevHov:visited{background:url("images/Lytebox/prev_t.png") no-repeat left 45%} 
    188 #lbNextHov{width:48%;height:100%;background:url("images/Lytebox/blank.gif") no-repeat 0% 0%;display:block;right:0px;margin-right:3px;border:medium none !important;float: right} 
    189 #lbNextHov:hover,#lbNextHov:visited{background: url("images/Lytebox/next_t.png") no-repeat right 45%} 
    190 #lbTopData,#lbBottomData{float:left;text-align:left;padding-left: 10px} 
    191 #lbBottomData{padding-bottom:0.5em;color:#FFF} 
    192 #lbTopNav,#lbBottomNav{float:right;text-align:right;padding-right:10px;padding-top:10px} 
    193 #lbNumTop,#lbNumBottom{font-style:italic} 
    194 #lbDescBottom{display:block} 
    195 #lbTitleTop,#lbTopNav{margin-top:0.3em} 
    196 #lbTitleTop,#lbTitleBottom{display:block;font-weight:bold} 
    197 #lbClose,#lbCloseTop{width:10px;height:10px;float:right;margin:0px 0px 1px 8px;border:medium none !important;background:url("images/Lytebox/close.png") no-repeat 0% 0%} 
    198 #lbPrint,#lbPrintTop{width:26px;height:28px;float:right;margin:0px 0px 1px 8px;border:medium none !important;background:url("images/Lytebox/print.png") no-repeat 0% 0%} 
    199 #lbPlay,#lbPlayTop{width:10px;height:10px;float:right;margin:0px 0px 1px 8px;border:medium none !important;background:url("images/Lytebox/play.png") no-repeat 0% 0%} 
    200 #lbPause,#lbPauseTop{width:10px;height:10px;float:right;margin:0px 0px 1px 8px;border:medium none !important;background:url("images/Lytebox/pause.png") no-repeat 0% 0%} 
    201 #lbClose,#lbPrint,#lbPlay,#lbPause{margin:0px 0px 6px 8px} 
     165div.carousel{position:relative;height:355px;width:100%;margin:50px auto;padding:20px 0 20px;border:1px solid rgba(0,0,0,0.5);border-radius:4px;background:rgba(0,0,0,0.25);box-shadow:0 2px 6px rgba(0,0,0,0.5),inset 0 1px rgba(255,255,255,0.3),inset 0 2px rgba(255,255,255,0.2),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3)} 
     166div.scrollingHotSpotLeft{min-width:75px;width:10%;height:100%;background-image: url(images/smoothDivScroll/big_transparent.gif);background-repeat:repeat;background-position:center center;position:absolute;z-index:200;left:0;margin-top:-20px;cursor:url(images/smoothDivScroll/cursors/cursor_arrow_left.png), url(images/smoothDivScroll/cursors/cursor_arrow_left.cur),w-resize} 
     167div.scrollingHotSpotLeftVisible{background-image:url(images/smoothDivScroll/arrow_left.gif);background-color:#fff;background-repeat:no-repeat;opacity:0.35;-moz-opacity:0.35;filter:alpha(opacity = 35);zoom:1} 
     168div.scrollingHotSpotRight{min-width:75px;width:10%;height:100%;background-image:url(images/smoothDivScroll/big_transparent.gif);background-repeat:repeat;background-position:center center;position:absolute;z-index:200;right:0;margin-top:-20px;cursor:url(images/smoothDivScroll/cursors/cursor_arrow_right.png), url(images/smoothDivScroll/cursors/cursor_arrow_right.cur),e-resize} 
     169div.scrollingHotSpotRightVisible{background-image:url(images/smoothDivScroll/arrow_right.gif);background-color:#fff;background-repeat:no-repeat;opacity:0.35;filter:alpha(opacity = 35);-moz-opacity:0.35;zoom:1} 
     170.scrollWrapper{position:relative;overflow:hidden;width:100%;height:100%} 
     171div.scrollableArea{position:relative;width:auto;height:100%} 
     172 
     173/*=========================================fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license========================================= */ 
     174.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top} 
     175.fancybox-wrap{ position:absolute;top:0;left:0;z-index:8020} 
     176.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px} 
     177.fancybox-opened{z-index:8030} 
     178.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);box-shadow:0 10px 25px rgba(0, 0, 0, 0.5)} 
     179.fancybox-outer, .fancybox-inner{position:relative} 
     180.fancybox-inner{overflow: hidden} 
     181.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch} 
     182.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap} 
     183.fancybox-image, .fancybox-iframe{display:block;width:100%;height:100%} 
     184.fancybox-image{max-width:100%;max-height:100%} 
     185#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background-image: url('images/fancybox/fancybox_sprite.png')} 
     186#fancybox-loading {position:fixed;top:50%;left:50%;margin-top:-22px;    margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060} 
     187#fancybox-loading div{width:44px;height:44px;background:url('images/fancybox/fancybox_loading.gif') center center no-repeat} 
     188.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index: 8040} 
     189.fancybox-nav{position:absolute;top: 0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url('images/fancybox/blank.gif');-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040} 
     190.fancybox-prev {left:0} 
     191.fancybox-next {right:0} 
     192.fancybox-nav span {position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden} 
     193.fancybox-prev span {left:10px;background-position:0 -36px} 
     194.fancybox-next span {right:10px;background-position:0 -72px} 
     195.fancybox-nav:hover span {visibility:visible} 
     196.fancybox-tmp {position: absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible !important} 
     197.fancybox-lock {overflow:hidden !important;width:auto} 
     198.fancybox-lock body {overflow:hidden !important} 
     199.fancybox-lock-test {overflow-y:hidden !important} 
     200.fancybox-overlay {position: absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url('images/fancybox/fancybox_overlay.png')} 
     201.fancybox-overlay-fixed {position:fixed;bottom:0;right:0} 
     202.fancybox-lock .fancybox-overlay {overflow:auto;overflow-y:scroll} 
     203.fancybox-title {visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050} 
     204.fancybox-opened .fancybox-title {visibility:visible} 
     205.fancybox-title-float-wrap {    position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center} 
     206.fancybox-title-float-wrap .child {display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0, 0, 0, 0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap} 
     207.fancybox-title-outside-wrap {position:relative;        margin-top:10px;color:#fff} 
     208.fancybox-title-inside-wrap {padding-top:10px} 
     209.fancybox-title-over-wrap {position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0, 0, 0, .8)} 
     210@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ 
     211        #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image:url('images/fancybox/fancybox_sprite@2x.png');background-size:44px 152px} 
     212        #fancybox-loading div {background-image:url('images/fancybox/fancybox_loading@2x.gif');background-size:24px 24px} 
     213} 
    202214 
    203215/*==========================================plugin=====================================================*/ 
  • extensions/Slim/themeconf.inc.php

    r25997 r28556  
    3333        { 
    3434        global $user, $page, $conf; 
    35                 $user['nb_image_page']=999; 
    3635                $page['nb_image_page']=999; 
    3736                $conf['nb_categories_page']=999; 
    3837        } 
    3938} 
    40 add_event_handler('get_categories_menu_sql_where', 'mic_get_categories_menu_sql_where', EVENT_HANDLER_PRIORITY_NEUTRAL, 3 ); 
    41 if(!function_exists('mic_get_categories_menu_sql_where')) 
     39 
     40add_event_handler('loc_begin_index', 'block_expand'); 
     41if(!function_exists('block_expand')) 
    4242{ 
    43         function mic_get_categories_menu_sql_where($where){      
    44                 global $page; 
    45                         $where = '1'; 
    46                 return $where; 
     43        function block_expand() 
     44        { 
     45        global $user; 
     46                $user['expand']=true; 
    4747        } 
    4848} 
Note: See TracChangeset for help on using the changeset viewer.