aboutsummaryrefslogtreecommitdiffstats
path: root/themes/smartpocket/template/thumbnails.tpl
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--themes/smartpocket/template/thumbnails.tpl32
1 files changed, 32 insertions, 0 deletions
diff --git a/themes/smartpocket/template/thumbnails.tpl b/themes/smartpocket/template/thumbnails.tpl
new file mode 100644
index 000000000..5e33dd0ee
--- /dev/null
+++ b/themes/smartpocket/template/thumbnails.tpl
@@ -0,0 +1,32 @@
+{if !empty($thumbnails)}
+{combine_script id='klass' path='themes/smartpocket/js/klass.min.js'}
+{combine_script id='photoswipe' path='themes/smartpocket/js/code.photoswipe.jquery.min.js' require='klass,jquery.mobile'}
+
+{define_derivative name='derivative_params_thumb' width=150 height=150 crop=true}
+{define_derivative name='derivative_params_full' type='large'}
+
+{footer_script}{literal}
+(function(window, $, PhotoSwipe){
+ $(document).ready(function(){
+ var options = {
+ jQueryMobile: true,
+ //allowUserZoom: false,
+ imageScaleMethod: "fitNoUpscale"
+ };
+ $(".thumbnails a").photoSwipe(options);
+ $(".thumbnails img").load(function() { $(this).css('border', '1px solid #3c3c3c') });
+ });
+}(window, window.jQuery, window.Code.PhotoSwipe));
+{/literal}{/footer_script}
+<div data-role="content">
+<ul class="thumbnails">
+{foreach from=$thumbnails item=thumbnail}
+ <li>
+ <a href="{$pwg->derivative_url($derivative_params_full, $thumbnail.src_image)}" rel="external">
+ <img src="{$pwg->derivative_url($derivative_params_thumb, $thumbnail.src_image)}" alt="{$thumbnail.TN_ALT}">
+ </a>
+ </li>
+{/foreach}
+</ul>
+</div>
+{/if}