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

Last change on this file since 13182 was 13182, checked in by patdenice, 9 years ago

feature:2577
Add mobile theme

File size: 1.2 KB
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
5{define_derivative name='derivative_params_thumb' width=150 height=150 crop=true}
6{define_derivative name='derivative_params_full' type='large'}
7
8{footer_script}{literal}
9(function(window, $, PhotoSwipe){
10  $(document).ready(function(){
11    var options = {
12      jQueryMobile: true,
13      //allowUserZoom: false,
14      imageScaleMethod: "fitNoUpscale"
15    };
16    $(".thumbnails a").photoSwipe(options);
17    $(".thumbnails img").load(function() { $(this).css('border', '1px solid #3c3c3c') });
18  });
19}(window, window.jQuery, window.Code.PhotoSwipe));
20{/literal}{/footer_script}
21<div data-role="content">
22<ul class="thumbnails">
23{foreach from=$thumbnails item=thumbnail}
24        <li>
25          <a href="{$pwg->derivative_url($derivative_params_full, $thumbnail.src_image)}" rel="external">
26      <img src="{$pwg->derivative_url($derivative_params_thumb, $thumbnail.src_image)}" alt="{$thumbnail.TN_ALT}">
27    </a>
28  </li>
29{/foreach}
30</ul>
31</div>
32{/if}
Note: See TracBrowser for help on using the repository browser.