Changeset 16501 for extensions/flop_style/mainpage_categories/popout_details.tpl

Timestamp:

Jul 8, 2012, 5:45:23 PM (12 years ago)

Author:

flop25

Message:

adding a gif loader (introduced in 2.4.2)
fixing the height of medium_cat.tpl
adding a custom size for spotlight.tpl

File:

• extensions/flop_style/mainpage_categories/popout_details.tpl (modified) (3 diffs)

extensions/flop_style/mainpage_categories/popout_details.tpl

@@ -1 +1 @@
 {combine_css path="template-extension/flop_style/mainpage_categories/popout_details.css"}
+{combine_script id='jquery.ajaxmanager' path='themes/default/js/plugins/jquery.ajaxmanager.js' load='footer'}
+{combine_script id='thumbnails.loader' path='themes/default/js/thumbnails.loader.js' require='jquery.ajaxmanager' load='footer'}
 {footer_script require='jquery'}
 {literal} 
@@ -5 +7 @@
 var max_dim_height = 0;
 jQuery(window).load(function() {
-  $(".columns a img").each(function () {
+  jQuery(".columns a img").each(function () {
     if (jQuery(this).height() > max_dim_height)
       max_dim_height = jQuery(this).height() + 10;
@@ -25 +27 @@
 <ul class="columns">
 {foreach from=$category_thumbnails item=cat}
+{assign var=derivative value=$pwg->derivative($derivative_params, $cat.representative.src_image)}
   <li>
       <a href="{$cat.URL}">
-        <img src="{$pwg->derivative_url($derivative_params, $cat.representative.src_image)}" alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '} - {'display this album'|@translate}">
+        <img {if $derivative->is_cached()}src="{$derivative->get_url()}"{else}src="{$ROOT_URL}{$themeconf.img_dir}/ajax-loader-big.gif" data-src="{$derivative->get_url()}"{/if} alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '} - {'display this album'|@translate}">
       </a>
       <div class="info">