aboutsummaryrefslogtreecommitdiffstats
path: root/admin
diff options
context:
space:
mode:
authorflop25 <flop25@piwigo.org>2011-03-26 14:29:27 +0000
committerflop25 <flop25@piwigo.org>2011-03-26 14:29:27 +0000
commit692abe16504d09336266ae03c749da4046962b00 (patch)
treea60b547cf4ef9551ad43982a30b4805ca370eb2f /admin
parent565d68a66ed8ee9b425f7f66cc1aae297e218bd7 (diff)
feature:2230
the size of the squared thumbnails depend of the sizes of all the thumbnails : the clipping is an average of the clipping of each of the thumbnails git-svn-id: http://piwigo.org/svn/trunk@9864 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to '')
-rw-r--r--admin/element_set_ranks.php43
-rw-r--r--admin/themes/default/fix-ie7.css6
-rw-r--r--admin/themes/default/template/element_set_ranks.tpl4
-rw-r--r--admin/themes/default/theme.css1
4 files changed, 36 insertions, 18 deletions
diff --git a/admin/element_set_ranks.php b/admin/element_set_ranks.php
index edb802b58..4c16b3cba 100644
--- a/admin/element_set_ranks.php
+++ b/admin/element_set_ranks.php
@@ -209,31 +209,44 @@ $result = pwg_query($query);
// template thumbnail initialization
$current_rank = 1;
-
+$thumbnail_info=array();
+$clipping=array();
while ($row = pwg_db_fetch_assoc($result))
{
$src = get_thumbnail_url($row);
+
+ $thumbnail_size = getimagesize($src);
+ $thumbnail_info[] = array(
+ 'width' => $thumbnail_size[0],
+ 'height' => $thumbnail_size[1],
+ 'id' => $row['id'],
+ 'tn_src' => $src,
+ 'rank' => $current_rank * 10,
+ );
+ $clipping[]= min($thumbnail_size[0]*0.75,$thumbnail_size[1]*0.75);
- list($thumbnail_width, $thumbnail_height) = getimagesize($src);
- $thumbnail_x_center = $thumbnail_width/2;
- $thumbnail_y_center = $thumbnail_height/2;
-
+ $current_rank++;
+}
+$clipping=array_sum($clipping)/count($clipping);
+foreach ($thumbnail_info as $thumbnails_info)
+{
+ $thumbnail_x_center = $thumbnails_info['width']/2;
+ $thumbnail_y_center = $thumbnails_info['height']/2;
$template->append(
'thumbnails',
array(
- 'ID' => $row['id'],
- 'TN_SRC' => $src,
- 'RANK' => $current_rank * 10,
- 'CLIP_TOP' => round($thumbnail_y_center - 96/2),
- 'CLIP_RIGHT' => round($thumbnail_x_center + 96/2),
- 'CLIP_BOTTOM' => round($thumbnail_y_center + 96/2),
- 'CLIP_LEFT' => round($thumbnail_x_center - 96/2)
+ 'ID' => $thumbnails_info['id'],
+ 'TN_SRC' => $thumbnails_info['tn_src'],
+ 'RANK' => $thumbnails_info['rank'],
+ 'CLIPING' => round($clipping),
+ 'CLIPING_li' => round($clipping+8),
+ 'CLIP_TOP' => round($thumbnail_y_center - $clipping/2),
+ 'CLIP_RIGHT' => round($thumbnail_x_center + $clipping/2),
+ 'CLIP_BOTTOM' => round($thumbnail_y_center + $clipping/2),
+ 'CLIP_LEFT' => round($thumbnail_x_center - $clipping/2)
)
);
-
- $current_rank++;
}
-
// image order management
$sort_fields = array(
'' => '',
diff --git a/admin/themes/default/fix-ie7.css b/admin/themes/default/fix-ie7.css
index 2f0d40f33..a9e5a21a2 100644
--- a/admin/themes/default/fix-ie7.css
+++ b/admin/themes/default/fix-ie7.css
@@ -1,4 +1,8 @@
/* fix IE7 footer */
#the_page { min-height:100%; position:relative; padding:0; margin:0; }
#menubar { margin: 0; }
-#footer { left: 0; } \ No newline at end of file
+#footer { left: 0; }
+
+UL.thumbnails li.rank-of-image {
+ text-align:left;
+} \ No newline at end of file
diff --git a/admin/themes/default/template/element_set_ranks.tpl b/admin/themes/default/template/element_set_ranks.tpl
index 1b2fe1120..be708168c 100644
--- a/admin/themes/default/template/element_set_ranks.tpl
+++ b/admin/themes/default/template/element_set_ranks.tpl
@@ -43,8 +43,8 @@ jQuery(document).ready(function() {
<p>{'Drag to re-order'|@translate}</p>
<ul class="thumbnails">
{foreach from=$thumbnails item=thumbnail}
- <li class="rank-of-image">
- <div class="clipwrapper">
+ <li class="rank-of-image" style="width:{$thumbnail.CLIPING_li}px; height:{$thumbnail.CLIPING_li}px; ">
+ <div class="clipwrapper" style="width:{$thumbnail.CLIPING}px; height:{$thumbnail.CLIPING}px; ">
<div class="clip" style="clip:rect({$thumbnail.CLIP_TOP}px {$thumbnail.CLIP_RIGHT}px {$thumbnail.CLIP_BOTTOM}px {$thumbnail.CLIP_LEFT}px);top:-{$thumbnail.CLIP_TOP}px;left:-{$thumbnail.CLIP_LEFT}px">
<img src="{$thumbnail.TN_SRC}" class="thumbnail" alt="">
</div>
diff --git a/admin/themes/default/theme.css b/admin/themes/default/theme.css
index 7b282be5b..1af95df54 100644
--- a/admin/themes/default/theme.css
+++ b/admin/themes/default/theme.css
@@ -54,6 +54,7 @@ UL.thumbnails li.rank-of-image img {
position:relative;
width: 96px;
height: 96px;
+ margin: 3px;
}
.clip {
position:absolute;