Changeset 25998 for extensions/Slimi/template/index.tpl

Timestamp:

Dec 17, 2013, 11:25:38 PM (10 years ago)

Author:

Miklfe

Message:

 

File:

• extensions/Slimi/template/index.tpl (modified) (1 diff)

extensions/Slimi/template/index.tpl

@@ -145 +145 @@
 
 {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}
 
 {if empty($THUMBNAILS)}
-{if !empty($CATEGORIES)}{$CATEGORIES}{/if}
+{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}