Changeset 25997 for extensions/Slim/template/index.tpl

Timestamp:

Dec 17, 2013, 11:22:53 PM (10 years ago)

Author:

Miklfe

Message:

 

File:

• extensions/Slim/template/index.tpl (modified) (4 diffs)

extensions/Slim/template/index.tpl

@@ -1 @@
-{php}   global $Slim;   $this->assign( 'Slim', $Slim );{/php}
-
 {if ($Slim.style_slim)!=1}
 {$MENUBAR}
@@ -23 +21 @@
 
         <div id="infoBlock">
-        <div class="titrePage{if isset($chronology.TITLE)} calendarTitleBar{/if}">
-
-                <ul class="categoryActions">
+<div class="titrePage{if isset($chronology.TITLE)} calendarTitleBar{/if}">
+
+        <ul class="categoryActions">
         {if !empty($image_orders)}
                         <li>{strip}<a id="sortOrderLink" title="{'Sort order'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
@@ -163 +161 @@
 
 {if !empty($THUMBNAILS)}
-        <ul class="thumbnails" id="thumbnails">
                 {$THUMBNAILS}
-        </ul>
+{footer_script}{literal}
+        $('.jcarousel')
+            .jcarousel({
+                 wrap: 'circular'
+            })          
+                        .jcarouselAutoscroll({
+                        autostart: false
+                        });     
+                        
+        $('.jcarousel-control-prev')
+            .on('jcarouselcontrol:active', function() {
+                $(this).removeClass('inactive');
+            })
+            .on('jcarouselcontrol:inactive', function() {
+                $(this).addClass('inactive');
+            })
+            .jcarouselControl({
+                target: '-=1'
+            });
+
+        $('.jcarousel-control-next')
+            .on('jcarouselcontrol:active', function() {
+                $(this).removeClass('inactive');
+            })
+            .on('jcarouselcontrol:inactive', function() {
+                $(this).addClass('inactive');
+            })
+            .jcarouselControl({
+                target: '+=1'
+            });
+{/literal}{/footer_script}
+
 {/if}
 
@@ -171 +199 @@
         {if !empty($CATEGORIES)}
                 {$CATEGORIES}
+                {footer_script}{literal}
+        $('.jcarousel')
+            .jcarousel({
+                 wrap: 'circular'
+            })          
+                        .jcarouselAutoscroll({
+                        interval: 3000,
+                        target: '+=1',
+                        autostart: true
+                        });     
+                        
+        $('.jcarousel-control-prev')
+            .on('jcarouselcontrol:active', function() {
+                $(this).removeClass('inactive');
+            })
+            .on('jcarouselcontrol:inactive', function() {
+                $(this).addClass('inactive');
+            })
+            .jcarouselControl({
+                target: '-=1'
+            });
+
+        $('.jcarousel-control-next')
+            .on('jcarouselcontrol:active', function() {
+                $(this).removeClass('inactive');
+            })
+            .on('jcarouselcontrol:inactive', function() {
+                $(this).addClass('inactive');
+            })
+            .jcarouselControl({
+                target: '+=1'
+            });
+                
+                $('.jcarousel')
+                        .on('mouseenter', function(){
+                                $(this).jcarouselAutoscroll('stop')
+                        })
+                        .on('mouseleave', function(){
+                                $(this).jcarouselAutoscroll('start')
+                        });
+{/literal}{/footer_script}
+
         {/if}
 {/if}