archive/piwigo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

smartpocket retina aware thumbnails display on index page

Browse source 
git-svn-id: http://piwigo.org/svn/trunk@24514 68402e56-0260-453c-a942-63ccdbb3a9ee
This commit is contained in:
rvelices 2013-09-18 16:36:27 +00:00
commit fb85af3b4f
2 changed files with 14 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

24
themes/smartpocket/js/smartpocket.js
View file

@ -20,20 +20,22 @@ return '<div class="ps-toolbar-close"><div class="ps-toolbar-content"></div></di
}); });
// onToolbarTap - listen out for when the toolbar is tapped // onToolbarTap - listen out for when the toolbar is tapped
myPhotoSwipe.addEventHandler(PhotoSwipe.EventTypes.onToolbarTap, function(e){ myPhotoSwipe.addEventHandler(PhotoSwipe.EventTypes.onToolbarTap, function(e){
if (e.toolbarAction === PhotoSwipe.Toolbar.ToolbarAction.none){ if (e.toolbarAction === PhotoSwipe.Toolbar.ToolbarAction.none){
if (e.tapTarget === more_link || Util.DOM.isChildOf(e.tapTarget, more_link)){ if (e.tapTarget === more_link || Util.DOM.isChildOf(e.tapTarget, more_link)){
var currentImage = myPhotoSwipe.getCurrentImage(); var currentImage = myPhotoSwipe.getCurrentImage();
window.location=currentImage.metaData.picture_url; window.location=currentImage.metaData.picture_url;
} }
} }
}); $(document).bind('orientationchange', set_thumbnails_width); });
set_thumbnails_width(); $(window).bind('orientationchange', set_thumbnails_width);
set_thumbnails_width();
}); });
}(window, window.jQuery, window.Code.PhotoSwipe)); }(window, window.jQuery, window.Code.PhotoSwipe));
function set_thumbnails_width() { function set_thumbnails_width() {
nb_thumbs = Math.max(3, Math.ceil($('.thumbnails').width() / 130)); var dpr = window.devicePixelRatio>1 ? window.devicePixelRatio : 1
width = Math.floor(1000000 / nb_thumbs) / 10000; , nb_thumbs = Math.max(2, Math.ceil($('.thumbnails').width() / (var_thumb_width/dpr+2*5)))
$('.thumbnails li').css('width', width+'%'); , width = Math.floor(1000000 / nb_thumbs) / 10000;
$('.thumbnails li').css('width', width+'%');
} }

2
themes/smartpocket/template/thumbnails.tpl
View file

@ -5,7 +5,7 @@
{combine_script id='jquery.ajaxmanager' path='themes/default/js/plugins/jquery.ajaxmanager.js' load='footer'} {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'} {combine_script id='thumbnails.loader' path='themes/default/js/thumbnails.loader.js' require='jquery.ajaxmanager' load='footer'}
{footer_script} {footer_script}
var var_loop = {if $smartpocket.loop}true{else}false{/if}, var_autohide = {$smartpocket.autohide}, var_trad = "{'More Information'|@translate}"; 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()};
{/footer_script} {/footer_script}
<ul class="thumbnails"> <ul class="thumbnails">