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

Timestamp:

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

Author:

Miklfe

Message:

 

File:

• extensions/Slimi/template/mainpage_categories.tpl (modified) (2 diffs)

extensions/Slimi/template/mainpage_categories.tpl

@@ -1 +1 @@
 {define_derivative name='carousel' width='300' height='300' min_width='300'}
-
-
-{html_style}
-.jcarousel-skin-cat .jcarousel-list li{ldelim}
-        min-width:{$carousel->max_width()}px;
-{/html_style}
-
-<div id="carouselcat">
-
+<div id="carousel">
 <div id="wrap">
-          <ul id="carousel" class="jcarousel-skin-cat">
-
+        <div class="jcarousel">
+          <ul>
                 {foreach from=$category_thumbnails item=cat}
-
-
                         <li>
                                         <div class="illustration">
@@ -40 +30 @@
                 {/foreach}
         </ul>
-{footer_script}{literal}
-function mycarousel_initCallback(carousel)
-{
-// Disable autoscrolling if the user clicks the prev or next button.
-    carousel.buttonNext.bind('click', function() {
-        carousel.startAuto(1);
-    });
-
-    carousel.buttonPrev.bind('click', function() {
-        carousel.startAuto(0);
-    });
-        
-        
-    // Pause autoscrolling if the user moves with the cursor over the clip.
-    carousel.clip.hover(function() {carousel.stopAuto();}, 
-                                                function() {carousel.startAuto();}
-                                                );
-};
-
-jQuery(document).ready(function() {
-    jQuery('#carousel').jcarousel({
-        auto: 1,
-                wrap: 'circular',
-                scroll: 2,
-                animation: 2000,
-                initCallback: mycarousel_initCallback,
-                
-    });
-});
-{/literal}{/footer_script}
 </div>
 </div>
-
+        <a href="#" class="jcarousel-control-prev">&lsaquo;</a>
+    <a href="#" class="jcarousel-control-next">&rsaquo;</a>
+</div>