Changeset 28556


Ignore:
Timestamp:
May 28, 2014, 11:14:27 PM (10 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.