Changeset 28392

Timestamp:

May 8, 2014, 1:09:58 PM (10 years ago)

Author:

Miklfe

Message:

Ajout de la navigation avec la molette de la sourie

Location:

extensions/Slim

Files:

• js/mousewhell.js (added)
• template/index.tpl (modified) (4 diffs)
• theme.css (modified) (2 diffs)

extensions/Slim/template/index.tpl

@@ -2 +2 @@
 {$MENUBAR}
 {/if}
+
+{combine_script id='mousewheel' load='header' require='jquery' path='themes/Slim/js/mousewhell.js'}
 
 <div id="content" class="content{if isset($MENUBAR)} contentWithMenu{/if}">
@@ -166 +168 @@
         $('.jcarousel')
             .jcarousel({
-                 wrap: 'circular'
+                 wrap: 'circular',
             })          
                         .jcarouselAutoscroll({
@@ -193 +195 @@
                 target: '+=1'
             });
+                        
+    $('.jcarousel').mousewheel(function(event, delta) {
+        if (delta > 0)
+            {$('.jcarousel').jcarousel('scroll', '-=1')}
+        else if (delta < 0)
+            {$('.jcarousel').jcarousel('scroll', '+=1')}
+        });
+
+//};    
+                
 {/literal}{/footer_script}
 
@@ -240 +252 @@
                                 $(this).jcarouselAutoscroll('start')
                         });
+                
+                $('.jcarousel').mousewheel(function(event, delta) {
+        if (delta > 0)
+            {$('.jcarousel').jcarousel('scroll', '-=1')}
+        else if (delta < 0)
+            {$('.jcarousel').jcarousel('scroll', '+=1')}
+        });
+
 {/literal}{/footer_script}
 

extensions/Slim/theme.css

@@ -100 +100 @@
 /*=========================================picture page======================================================*/
 /*____panel___*/
-.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}
+.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}
 .panel p{color:#EFEFEF;margin:0 0 15px;padding:0}
 a.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}
@@ -121 +121 @@
 
 /*___content___*/
-#theImage{position:relative}
+#theImage{position:relative;margin-top:20px}
 #imgContainer{position:relative;margin-left:auto;margin-right:auto;text-align:left}
 #imgContent{position:relative;display:table;margin:auto}