source: trunk/themes/smartpocket/template/thumbnails.tpl @ 24514

Revision 24514, 1.8 KB checked in by rvelices, 7 years ago (diff)

smartpocket retina aware thumbnails display on index page

Line 
1{if !empty($thumbnails)}
2{combine_script id='klass' path='themes/smartpocket/js/klass.min.js'}
3{combine_script id='photoswipe' path='themes/smartpocket/js/code.photoswipe.jquery.min.js' require='klass,jquery.mobile'}
4{combine_script id='smartpocket' path='themes/smartpocket/js/smartpocket.js' require='photoswipe'}
5{combine_script id='jquery.ajaxmanager' path='themes/default/js/plugins/jquery.ajaxmanager.js' load='footer'}
6{combine_script id='thumbnails.loader' path='themes/default/js/thumbnails.loader.js' require='jquery.ajaxmanager' load='footer'}
7{footer_script}
8  var var_loop = {if $smartpocket.loop}true{else}false{/if}, var_autohide = {$smartpocket.autohide}, var_trad = "{'More Information'|@translate}", var_thumb_width={$thumbnail_derivative_params->max_width()};
9{/footer_script}
10
11<ul class="thumbnails">
12{foreach from=$thumbnails item=thumbnail}{strip}
13{assign var=derivative value=$pwg->derivative($thumbnail_derivative_params, $thumbnail.src_image)}
14{if isset($page_selection[$thumbnail.id]) and !isset($thumbnail.representative_ext)}
15  <li>
16    <a href="{$pwg->derivative_url($picture_derivative_params, $thumbnail.src_image)}" data-picture-url="{$thumbnail.URL}" rel="external">
17     <img {if !$derivative->is_cached()}data-{/if}src="{$derivative->get_url()}" alt="{$thumbnail.TN_ALT}">
18    </a>
19  </li>
20{elseif isset($thumbnail.representative_ext)}
21  <li>
22    <a href="{$thumbnail.URL}" target="_blank" onClick="window.location='{$thumbnail.URL}'">
23     <img {if !$derivative->is_cached()}data-{/if}src="{$derivative->get_url()}" alt="{$thumbnail.TN_ALT}">
24    </a>
25  </li>
26{else}
27  <li style="display:none;">
28    <a href="{$pwg->derivative_url($picture_derivative_params, $thumbnail.src_image)}" rel="external"></a>
29  </li>
30{/if}
31{/strip}{/foreach}
32</ul>
33{/if}
Note: See TracBrowser for help on using the repository browser.