Changeset 28556 for extensions/Slim/template
- Timestamp:
- May 28, 2014, 11:14:27 PM (10 years ago)
- Location:
- extensions/Slim/template
- Files:
-
- 5 edited
-
header.tpl (modified) (1 diff)
-
index.tpl (modified) (5 diffs)
-
mainpage_categories.tpl (modified) (1 diff)
-
menubar.tpl (modified) (2 diffs)
-
thumbnails.tpl (modified) (3 diffs)
Legend:
- Unmodified
- Added
- Removed
-
extensions/Slim/template/header.tpl
r25997 r28556 57 57 58 58 59 {combine_script id='jcarousel' load='header' require='jquery' path='themes/Slim/js/jquery.jcarousel.js'}60 59 61 60 </head> -
extensions/Slim/template/index.tpl
r28392 r28556 3 3 {/if} 4 4 5 {combine_script id='mousewheel' load='header' require='jquery' path='themes/Slim/js/mousewhell.js'}6 5 7 6 <div id="content" class="content{if isset($MENUBAR)} contentWithMenu{/if}"> … … 9 8 {if ($Slim.style_slim)==1} 10 9 {if !empty($THUMBNAILS)} 11 <div id="home">12 <a href="{$U_HOME}"><img src="themes/Slim/images/home.png" height="32px" width="32px"></a>13 </div>14 <div class="titrePage">15 10 <div id="infoBlock"> 11 <div class="titrePage slim"> 12 <a href="{$U_HOME}"> 13 <div id="home"></div> 14 </a> 16 15 {if !empty($PLUGIN_INDEX_ACTIONS)}{$PLUGIN_INDEX_ACTIONS}{/if} 17 16 <h2> … … 19 18 </h2> 20 19 {/if} 21 20 </div> 21 </div> 22 22 {else} 23 23 … … 165 165 {if !empty($THUMBNAILS)} 166 166 {$THUMBNAILS} 167 {footer_script}{literal}168 $('.jcarousel')169 .jcarousel({170 wrap: 'circular',171 })172 .jcarouselAutoscroll({173 autostart: false174 });175 176 $('.jcarousel-control-prev')177 .on('jcarouselcontrol:active', function() {178 $(this).removeClass('inactive');179 })180 .on('jcarouselcontrol:inactive', function() {181 $(this).addClass('inactive');182 })183 .jcarouselControl({184 target: '-=1'185 });186 167 187 $('.jcarousel-control-next')188 .on('jcarouselcontrol:active', function() {189 $(this).removeClass('inactive');190 })191 .on('jcarouselcontrol:inactive', function() {192 $(this).addClass('inactive');193 })194 .jcarouselControl({195 target: '+=1'196 });197 198 $('.jcarousel').mousewheel(function(event, delta) {199 if (delta > 0)200 {$('.jcarousel').jcarousel('scroll', '-=1')}201 else if (delta < 0)202 {$('.jcarousel').jcarousel('scroll', '+=1')}203 });204 205 //};206 207 {/literal}{/footer_script}208 168 209 169 {/if} … … 212 172 {if !empty($CATEGORIES)} 213 173 {$CATEGORIES} 214 {footer_script}{literal}215 $('.jcarousel')216 .jcarousel({217 wrap: 'circular'218 })219 .jcarouselAutoscroll({220 interval: 3000,221 target: '+=1',222 autostart: true223 });224 225 $('.jcarousel-control-prev')226 .on('jcarouselcontrol:active', function() {227 $(this).removeClass('inactive');228 })229 .on('jcarouselcontrol:inactive', function() {230 $(this).addClass('inactive');231 })232 .jcarouselControl({233 target: '-=1'234 });235 174 236 $('.jcarousel-control-next')237 .on('jcarouselcontrol:active', function() {238 $(this).removeClass('inactive');239 })240 .on('jcarouselcontrol:inactive', function() {241 $(this).addClass('inactive');242 })243 .jcarouselControl({244 target: '+=1'245 });246 247 $('.jcarousel')248 .on('mouseenter', function(){249 $(this).jcarouselAutoscroll('stop')250 })251 .on('mouseleave', function(){252 $(this).jcarouselAutoscroll('start')253 });254 255 $('.jcarousel').mousewheel(function(event, delta) {256 if (delta > 0)257 {$('.jcarousel').jcarousel('scroll', '-=1')}258 else if (delta < 0)259 {$('.jcarousel').jcarousel('scroll', '+=1')}260 });261 262 {/literal}{/footer_script}263 175 264 176 {/if} -
extensions/Slim/template/mainpage_categories.tpl
r25997 r28556 1 {define_derivative name='carousel' width='300' height='300' min_width='300'} 2 <div id="carousel"> 3 <div id="wrap"> 4 <div class="jcarousel"> 5 <ul> 1 {define_derivative name='carousel' width='300' height='350' min_width='350'} 2 3 {footer_script}{literal} 4 $(document).ready(function () { 5 var isTouch = (('ontouchstart' in window) || (navigator.msMaxTouchPoints > 0)), 6 start; 7 8 if (isTouch==true){ 9 start=""; 10 }else{ 11 start="onStart"; 12 }; 13 14 $("div.carousel").smoothDivScroll({ 15 autoScrollingMode: start, 16 touchScrolling: true, 17 autoScrollingStep: 5, 18 mousewheelScrolling: "allDirections", 19 manualContinuousScrolling: true, 20 21 }); 22 23 $("div.carousel").bind("mouseover", function() { 24 $(this).smoothDivScroll("stopAutoScrolling"); 25 }).bind("mouseout", function() { 26 $(this).smoothDivScroll("startAutoScrolling"); 27 }); 28 }); 29 {/literal}{/footer_script} 30 31 <div class="carousel"> 6 32 {foreach from=$category_thumbnails item=cat} 7 <li>8 33 <div class="illustration"> 9 34 <a href="{$cat.URL}"> 10 35 <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}"/> 11 </a> 12 </div> 36 13 37 <div class="CatMPdescription"> 14 38 <h3> 15 <a href="{$cat.URL}">{$cat.NAME}</a>39 {$cat.NAME} 16 40 </h3> 17 41 <div> 18 42 {$cat.CAPTION_NB_IMAGES} 43 </div> 19 44 </div> 45 </a> 20 46 </div> 21 </li>22 47 {/foreach} 23 </ul>24 </div>25 48 </div> 26 <a href="#" class="jcarousel-control-prev">‹</a>27 <a href="#" class="jcarousel-control-next">›</a>28 </div> -
extensions/Slim/template/menubar.tpl
r25997 r28556 1 {if !empty($blocks) } 1 2 <div id=menubar> 2 3 <span id="menu_start"> … … 33 34 </div> 34 35 </div> 36 {/if} 35 37 36 38 37 -
extensions/Slim/template/thumbnails.tpl
r25997 r28556 1 {define_derivative name='carousel' width='300' height='3 00' min_width='300'}1 {define_derivative name='carousel' width='300' height='350' min_width='350'} 2 2 {php} 3 3 global $page, $template; … … 6 6 {/php} 7 7 8 {footer_script}{literal} 9 $(document).ready(function () { 10 var isTouch = (('ontouchstart' in window) || (navigator.msMaxTouchPoints > 0)), 11 start; 12 13 if (isTouch==true){ 14 start=""; 15 }else{ 16 start="onStart"; 17 }; 18 19 $("div.carousel").smoothDivScroll({ 20 autoScrollingMode: start, 21 touchScrolling: true, 22 autoScrollingStep:5, 23 mousewheelScrolling: "allDirections", 24 manualContinuousScrolling: true, 25 }); 26 27 $("div.carousel").bind("mouseover", function() { 28 $(this).smoothDivScroll("stopAutoScrolling"); 29 }).bind("mouseout", function() { 30 $(this).smoothDivScroll("startAutoScrolling"); 31 }); 32 33 34 $('.fancybox').fancybox({ 35 helpers : { 36 title : { 37 type : 'over' 38 }, 39 }, 40 afterLoad: function() { 41 $("div.carousel").smoothDivScroll("stopAutoScrolling"); 42 }, 43 afterClose: function() { 44 $("div.carousel").smoothDivScroll("startAutoScrolling"); 45 } 46 }); 47 }); 48 {/literal}{/footer_script} 8 49 9 <div id="carousel"> 10 <div id="wrap"> 11 <div class="jcarousel"> 12 <ul> 50 51 52 53 54 <div class="carousel"> 13 55 {if !empty($category_thumbnails)} 14 {foreach from=$category_thumbnails item=cat} 15 <li> 16 <div class="illustration"> 17 <a href="{$cat.URL}"> 18 <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}"/> 56 {foreach from=$category_thumbnails item=cat} 57 <div class="illustration"> 58 <a href="{$cat.URL}"> 59 <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}"/> 60 61 <div class="CatMPdescription"> 62 <h3> 63 {$cat.NAME} 64 </h3> 65 <div> 66 {$cat.CAPTION_NB_IMAGES} 67 </div> 68 </div> 19 69 </a> 20 </div> 21 <div class="CatMPdescription"> 22 <h3> 23 <a href="{$cat.URL}">{$cat.NAME}</a> 24 </h3> 25 <div> 26 {$cat.CAPTION_NB_IMAGES} 27 </div> 28 </div> 29 </li> 30 {/foreach} 70 </div> 71 {/foreach} 31 72 {/if} 32 73 {foreach from=$thumbnails item=thumbnail} 33 74 {assign var=derivative value=$pwg->derivative($carousel, $thumbnail.src_image)} 34 <li>35 75 <div class="illustration"> 36 <a href="{if ($Slim.style_slim)!=3}{$thumbnail.path}" class=" lytebox" rev="slide:true group:name showNavigation:true navType:1 slideInterval:6000"{else}{$thumbnail.URL}"{/if} title="{$thumbnail.NAME|strip_tags:false|replace:'\'':'''|replace:'"':'"'}">76 <a href="{if ($Slim.style_slim)!=3}{$thumbnail.path}" class="fancybox" data-fancybox-group="gallery"{else}{$thumbnail.URL}"{/if} title="{$thumbnail.NAME|strip_tags:false|replace:'\'':'''|replace:'"':'"'}"> 37 77 <img class="thumbnail" src="{$derivative->get_url()}" alt="{$thumbnail.TN_ALT}" title="{$thumbnail.TN_TITLE}" height="{$carousel->max_height()-22}"/> 38 78 {if $SHOW_THUMBNAIL_CAPTION } … … 62 102 </a> 63 103 </div> 64 </li>65 104 {/foreach} 66 </ul>67 </div>68 105 </div> 69 <a href="#" class="jcarousel-control-prev">‹</a> 70 <a href="#" class="jcarousel-control-next">›</a> 71 </div> 106
Note: See TracChangeset
for help on using the changeset viewer.
