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
This commit is contained in:
flop25 2011-03-26 14:29:27 +00:00
commit 692abe1650
4 changed files with 36 additions and 18 deletions

View file

@ -1,4 +1,8 @@
/* fix IE7 footer */
#the_page { min-height:100%; position:relative; padding:0; margin:0; }
#menubar { margin: 0; }
#footer { left: 0; }
#footer { left: 0; }
UL.thumbnails li.rank-of-image {
text-align:left;
}

View file

@ -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>

View file

@ -54,6 +54,7 @@ UL.thumbnails li.rank-of-image img {
position:relative;
width: 96px;
height: 96px;
margin: 3px;
}
.clip {
position:absolute;