Changeset 28392


Ignore:
Timestamp:
05/08/14 13:09:58 (5 years ago)
Author:
Miklfe
Message:

Ajout de la navigation avec la molette de la sourie

Location:
extensions/Slim
Files:
1 added
2 edited

Legend:

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

    r28012 r28392  
    22{$MENUBAR} 
    33{/if} 
     4 
     5{combine_script id='mousewheel' load='header' require='jquery' path='themes/Slim/js/mousewhell.js'} 
    46 
    57<div id="content" class="content{if isset($MENUBAR)} contentWithMenu{/if}"> 
     
    166168        $('.jcarousel') 
    167169            .jcarousel({ 
    168                  wrap: 'circular' 
     170                 wrap: 'circular', 
    169171            })           
    170172                        .jcarouselAutoscroll({ 
     
    193195                target: '+=1' 
    194196            }); 
     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                 
    195207{/literal}{/footer_script} 
    196208 
     
    240252                                $(this).jcarouselAutoscroll('start') 
    241253                        }); 
     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 
    242262{/literal}{/footer_script} 
    243263 
  • extensions/Slim/theme.css

    r28012 r28392  
    100100/*=========================================picture page======================================================*/ 
    101101/*____panel___*/ 
    102 .panel{position:absolute;left:-40px;display:none;border:1px solid #111;border-top-right-radius:20px;border-bottom-right-radius:20px;width:auto;min-width:330px;height:auto;z-index:10000;background:rgba(0, 0, 0, 0.7);top:95px;color:#EFEFEF;padding:10px 30px 30px 20px} 
     102.panel{position:absolute;left:0px;display:none;border:1px solid #111;border-top-right-radius:20px;border-bottom-right-radius:20px;width:auto;min-width:330px;height:auto;z-index:10000;background:rgba(0, 0, 0, 0.7);top:95px;color:#EFEFEF;padding:10px 30px 30px 20px} 
    103103.panel p{color:#EFEFEF;margin:0 0 15px;padding:0} 
    104104a.trigger{position:absolute;text-decoration:none;left:0px;font-size:14px;letter-spacing:-1px;font-family:verdana,helvetica,arial,sans-serif;color:#FFF;font-weight:700;background:url("images/picture/plus.png") no-repeat 90% 55% #333;border:1px solid #444;border-top-right-radius:15px;border-bottom-right-radius:15px;display:block;z-index:100000;top:100px;padding:10px 30px 10px 5px} 
     
    121121 
    122122/*___content___*/ 
    123 #theImage{position:relative} 
     123#theImage{position:relative;margin-top:20px} 
    124124#imgContainer{position:relative;margin-left:auto;margin-right:auto;text-align:left} 
    125125#imgContent{position:relative;display:table;margin:auto} 
Note: See TracChangeset for help on using the changeset viewer.