Automaticaly set better derivative params for mobile theme according to screen size.

git-svn-id: http://piwigo.org/svn/trunk@13545 68402e56-0260-453c-a942-63ccdbb3a9ee

3 files changed, 7 insertions, 9 deletions

diff --git a/themes/smartpocket/template/footer.tpl b/themes/smartpocket/template/footer.tpl
index bfae6c062..762fba511 100644
--- a/themes/smartpocket/template/footer.tpl
+++ b/themes/smartpocket/template/footer.tpl
@@ -14,6 +14,9 @@
   </h6>

 </div>

 {/if}

+{footer_script require='jquery'}

+document.cookie = 'screen_size='+jQuery(document).width()+'x'+jQuery(document).height()+';path={$COOKIE_PATH}';

+{/footer_script}

 {get_combined_scripts load='footer'}

 </div><!-- /page -->

 

diff --git a/themes/smartpocket/template/mainpage_categories.tpl b/themes/smartpocket/template/mainpage_categories.tpl
index 54a99ba4d..d1cf3cf8b 100644
--- a/themes/smartpocket/template/mainpage_categories.tpl
+++ b/themes/smartpocket/template/mainpage_categories.tpl
@@ -1,10 +1,8 @@
-{define_derivative name='derivative_params_square' type='square'}

-

 <ul data-role="listview" data-inset="true">

 {foreach from=$category_thumbnails item=cat}

 	<li>

 		<a href="{$cat.URL}">

-		<img src="{$pwg->derivative_url($derivative_params_square, $cat.representative.src_image)}">

+		<img src="{$pwg->derivative_url($thumbnail_derivative_params, $cat.representative.src_image)}">

     <h3>{$cat.NAME}</h3>

 		<p class="Nb_images">{$cat.CAPTION_NB_IMAGES}</p>

 		</a>

diff --git a/themes/smartpocket/template/thumbnails.tpl b/themes/smartpocket/template/thumbnails.tpl
index 6ac7e7e8b..ed2737d8b 100644
--- a/themes/smartpocket/template/thumbnails.tpl
+++ b/themes/smartpocket/template/thumbnails.tpl
@@ -5,21 +5,18 @@
 {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'}

 

-{define_derivative name='derivative_params_square' type='square'}

-{define_derivative name='derivative_params_large' type='large'}

-

 <ul class="thumbnails">

 {foreach from=$thumbnails item=thumbnail}{strip}

-{assign var=derivative value=$pwg->derivative($derivative_params_square, $thumbnail.src_image)}

+{assign var=derivative value=$pwg->derivative($thumbnail_derivative_params, $thumbnail.src_image)}

 {if isset($page_selection[$thumbnail.id])}

   <li>

-    <a href="{$pwg->derivative_url($derivative_params_large, $thumbnail.src_image)}" rel="external">

+    <a href="{$pwg->derivative_url($picture_derivative_params, $thumbnail.src_image)}" rel="external">

      <img {if !$derivative->is_cached()}data-{/if}src="{$derivative->get_url()}" alt="{$thumbnail.TN_ALT}">

     </a>

   </li>

 {else}

   <li style="display:none;">

-    <a href="{$pwg->derivative_url($derivative_params_large, $thumbnail.src_image)}" rel="external"></a>

+    <a href="{$pwg->derivative_url($picture_derivative_params, $thumbnail.src_image)}" rel="external"></a>

   </li>

 {/if}

 {/strip}{/foreach}