- Timestamp:
- Jan 15, 2013, 12:15:34 AM (11 years ago)
- Location:
- trunk
- Files:
-
- 3 added
- 7 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/include/category_cats.inc.php
r19703 r20161 388 388 $tpl_thumbnails_var_selection = trigger_event('loc_end_index_category_thumbnails', $tpl_thumbnails_var_selection); 389 389 $template->assign( array( 390 'maxRequests' =>$conf['maxRequests'], 390 391 'category_thumbnails' => $tpl_thumbnails_var_selection, 391 392 'derivative_params' => $derivative_params, -
trunk/include/category_default.inc.php
r19703 r20161 154 154 $template->assign( array( 155 155 'derivative_params' => trigger_event('get_index_derivative_params', ImageStdParams::get_by_type( pwg_get_session_var('index_deriv', IMG_THUMB) ) ), 156 'maxRequests' =>$conf['maxRequests'], 156 157 'SHOW_THUMBNAIL_CAPTION' =>$conf['show_thumbnail_caption'], 157 158 ) ); -
trunk/include/config_default.inc.php
r19703 r20161 770 770 // 'small', 'medium' or 'large' 771 771 $conf['derivative_default_size'] = 'medium'; 772 773 //Maximum Ajax requests at once, for thumbnails on-the-fly generation 774 $conf['maxRequests']=3; 772 775 ?> -
trunk/themes/default/template/index.tpl
r19302 r20161 172 172 173 173 {if !empty($THUMBNAILS)} 174 <div class="loader" style="display: none; position: fixed; right: 0;bottom: 0;"><img src="{$ROOT_URL}{$themeconf.img_dir}/ajax_loader.gif"></div> 174 175 <ul class="thumbnails" id="thumbnails"> 175 {$THUMBNAILS}176 {$THUMBNAILS} 176 177 </ul> 177 178 {/if} -
trunk/themes/default/template/mainpage_categories.tpl
r16801 r20161 8 8 } 9 9 {/html_style}{/strip} 10 <div class="loader" style="display: none; position: fixed; right: 0;bottom: 0;"><img src="{$ROOT_URL}{$themeconf.img_dir}/ajax_loader.gif"></div> 10 11 <ul class="thumbnailCategories"> 11 12 {foreach from=$category_thumbnails item=cat name=cat_loop} 12 13 {assign var=derivative value=$pwg->derivative($derivative_params, $cat.representative.src_image)} 13 {if !$derivative->is_cached() }14 {if !$derivative->is_cached() and !$js_loaded} 14 15 {combine_script id='jquery.ajaxmanager' path='themes/default/js/plugins/jquery.ajaxmanager.js' load='footer'} 15 {combine_script id='thumbnails.loader' path='themes/default/js/thumbnails.loader.js' require='jquery.ajaxmanager' load='footer'} 16 {*combine_script id='thumbnails.loader' path='themes/default/js/thumbnails.loader.js' require='jquery.ajaxmanager' load='footer'*} 17 {footer_script}{literal} 18 var thumbnails_queue = jQuery.manageAjax.create('queued', { 19 queue: true, 20 cacheResponse: false, 21 maxRequests: {/literal}{$maxRequests}{literal}, 22 preventDoubleRequests: false 23 }); 24 25 function add_thumbnail_to_queue(img, loop) { 26 thumbnails_queue.add({ 27 type: 'GET', 28 url: img.data('src'), 29 data: { ajaxload: 'true' }, 30 dataType: 'json', 31 beforeSend: function(){jQuery('.loader').show()}, 32 success: function(result) { 33 img.attr('src', result.url); 34 jQuery('.loader').hide(); 35 }, 36 error: function() { 37 if (loop < 3) 38 add_thumbnail_to_queue(img, ++loop); // Retry 3 times 39 img.attr('src', {/literal}"{$ROOT_URL}{$themeconf.icon_dir}/errors_small.png"{literal}); 40 jQuery('.loader').hide(); 41 } 42 }); 43 } 44 45 function pwg_ajax_thumbnails_loader() { 46 jQuery('img[data-src]').each(function() { 47 add_thumbnail_to_queue(jQuery(this), 0); 48 }); 49 } 50 jQuery(document).ready(pwg_ajax_thumbnails_loader); 51 {/literal}{/footer_script} 52 {assign var=js_loaded value=true} 16 53 {/if} 17 54 <li class="{if $smarty.foreach.cat_loop.index is odd}odd{else}even{/if}"> 18 55 <div class="thumbnailCategory"> 19 56 <div class="illustration"> 20 57 <a href="{$cat.URL}"> 21 <img {if $derivative->is_cached()}src="{$derivative->get_url()}"{else}src="{$ROOT_URL}{$themeconf.i mg_dir}/ajax-loader-small.gif" data-src="{$derivative->get_url()}"{/if} alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '|@strip_tags:false} - {'display this album'|@translate}">58 <img {if $derivative->is_cached()}src="{$derivative->get_url()}"{else}src="{$ROOT_URL}{$themeconf.icon_dir}/img_small.png" data-src="{$derivative->get_url()}"{/if} alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '|@strip_tags:false} - {'display this album'|@translate}"> 22 59 </a> 23 60 </div> -
trunk/themes/default/template/thumbnails.tpl
r16522 r20161 24 24 {foreach from=$thumbnails item=thumbnail} 25 25 {assign var=derivative value=$pwg->derivative($derivative_params, $thumbnail.src_image)} 26 {if !$derivative->is_cached() }26 {if !$derivative->is_cached() and !$js_loaded} 27 27 {combine_script id='jquery.ajaxmanager' path='themes/default/js/plugins/jquery.ajaxmanager.js' load='footer'} 28 {combine_script id='thumbnails.loader' path='themes/default/js/thumbnails.loader.js' require='jquery.ajaxmanager' load='footer'} 28 {*combine_script id='thumbnails.loader' path='themes/default/js/thumbnails.loader.js' require='jquery.ajaxmanager' load='footer'*} 29 {footer_script}{literal} 30 var thumbnails_queue = jQuery.manageAjax.create('queued', { 31 queue: true, 32 cacheResponse: false, 33 maxRequests: {/literal}{$maxRequests}{literal}, 34 preventDoubleRequests: false 35 }); 36 37 function add_thumbnail_to_queue(img, loop) { 38 thumbnails_queue.add({ 39 type: 'GET', 40 url: img.data('src'), 41 data: { ajaxload: 'true' }, 42 dataType: 'json', 43 beforeSend: function(){jQuery('.loader').show()}, 44 success: function(result) { 45 img.attr('src', result.url); 46 jQuery('.loader').hide(); 47 }, 48 error: function() { 49 if (loop < 3) 50 add_thumbnail_to_queue(img, ++loop); // Retry 3 times 51 img.attr('src', {/literal}"{$ROOT_URL}{$themeconf.icon_dir}/errors_small.png"{literal}); 52 jQuery('.loader').hide(); 53 } 54 }); 55 } 56 57 function pwg_ajax_thumbnails_loader() { 58 jQuery('img[data-src]').each(function() { 59 add_thumbnail_to_queue(jQuery(this), 0); 60 }); 61 } 62 jQuery(document).ready(pwg_ajax_thumbnails_loader); 63 {/literal}{/footer_script} 64 {assign var=js_loaded value=true} 29 65 {/if} 30 66 <li> … … 32 68 <span class="wrap2"> 33 69 <a href="{$thumbnail.URL}"> 34 <img class="thumbnail" {if $derivative->is_cached()}src="{$derivative->get_url()}"{else}src="{$ROOT_URL}{$themeconf.i mg_dir}/ajax-loader-small.gif" data-src="{$derivative->get_url()}"{/if} alt="{$thumbnail.TN_ALT}" title="{$thumbnail.TN_TITLE}">70 <img class="thumbnail" {if $derivative->is_cached()}src="{$derivative->get_url()}"{else}src="{$ROOT_URL}{$themeconf.icon_dir}/img_small.png" data-src="{$derivative->get_url()}"{/if} alt="{$thumbnail.TN_ALT}" title="{$thumbnail.TN_TITLE}"> 35 71 </a> 36 72 </span> -
trunk/themes/default/themeconf.inc.php
r16502 r20161 4 4 'icon_dir' => 'themes/default/icon', 5 5 'img_dir' => 'themes/default/images', 6 'loading_img' => 'themes/default/images/359_s.png', 6 7 'mime_icon_dir' => 'themes/default/icon/mimetypes/', 7 8 'local_head' => 'local_head.tpl',
Note: See TracChangeset
for help on using the changeset viewer.