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

Timestamp:

Jun 1, 2014, 9:38:49 PM (10 years ago)

Author:

Miklfe

Message:

Compatibilité avec Slim

File:

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

extensions/Slimi/template/mainpage_categories.tpl

@@ -1 @@
-{define_derivative name='carousel' width='300' height='300' min_width='300'}
-<div id="carousel">
-<div id="wrap">
-        <div class="jcarousel">
-          <ul>
-                {foreach from=$category_thumbnails item=cat}
-                        <li>
-                                        <div class="illustration">
-                                                <a href="{$cat.URL}">
-                                                        <img src="{$pwg->derivative_url($carousel, $cat.representative.src_image)}" alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '|@strip_tags:false} - {'display this album'|@translate}" min-width="{$carousel->max_width()}" height="{$carousel->max_height()}"/>
+{define_derivative name='carousel' width='300' height='350' min_width='350'}
+
+{footer_script}{literal}
+(function($) {
+        $(document).ready(function(){
+        
+                var isTouch = (('ontouchstart' in window) || (navigator.msMaxTouchPoints > 0)),
+                        start;
+                
+                if (isTouch==true){
+                start="";
+                }else{
+                start="onStart";
+                };
+                
+                $("div.carousel").smoothDivScroll({
+                        autoScrollingMode: start,
+                        touchScrolling: true,
+                        autoScrollingStep: {/literal}{$Slimi.carousel_speed}{literal},
+                        manualContinuousScrolling: true,
+                        mousewheelScrolling: "allDirections",
+                
+                });     
+                                
+                $("div.carousel").bind("mouseover", function() {
+                        $(this).smoothDivScroll("stopAutoScrolling");
+                }).bind("mouseout", function() {
+                        $(this).smoothDivScroll("startAutoScrolling");
+                });     
+        
+                
+        });
+})(jQuery);
+{/literal}{/footer_script}
+
+
+<div class="carousel">
+                        {foreach from=$category_thumbnails item=cat}
+                                                <div class="illustration">
+                                                        <a href="{$cat.URL}">
+                                                                <img src="{$pwg->derivative_url($carousel, $cat.representative.src_image)}" alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '|@strip_tags:false} - {'display this album'|@translate}" min-width="{$carousel->max_width()}" height="{$carousel->max_height()-22}"/>
+                                                        
                                                         <div class="CatMPdescription">
                                                                 <h3>
@@ -16 +48 @@
                                                                         {/if}
                                                                 </h3>
-                                                                
+                                                                <div class="Nb_images">
                                                                 {if isset($cat.INFO_DATES) }
                                                                 <p class="dates">{$cat.INFO_DATES}</p>
                                                                 {/if}
-                                                                <p class="Nb_images">{$cat.CAPTION_NB_IMAGES}</p>
+                                                                <p >{$cat.CAPTION_NB_IMAGES}</p>
                                                                 {if not empty($cat.DESCRIPTION)}
                                                                 <p>{$cat.DESCRIPTION}</p>
                                                                 {/if}
+                                                                </div>
                                                         </div>
                                                 </a>
-                                        </div>
-                        </li>
-                {/foreach}
-        </ul>
+                                                </div>
+                        {/foreach}
 </div>
-</div>
-        <a href="#" class="jcarousel-control-prev">&lsaquo;</a>
-    <a href="#" class="jcarousel-control-next">&rsaquo;</a>
-</div>