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

bug:2918

Browse source 
Display a link for the fist and last page on picture.tpl, to go to the album
3 lang keys added

git-svn-id: http://piwigo.org/svn/trunk@23642 68402e56-0260-453c-a942-63ccdbb3a9ee
This commit is contained in:
flop25 2013-06-28 19:39:31 +00:00
commit cc8835bb1f
5 changed files with 34 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

8
themes/default/template/picture.tpl
View file

@ -132,12 +132,20 @@ y.callService(
<span class="thumbHover prevThumbHover"></span>
<img src="{$previous.derivatives.square->get_url()}" alt="{$previous.TITLE|@escape}">
</a>
{elseif isset($U_UP)}
<a class="navThumb" id="linkFirst" href="{$U_UP}" title="{'Thumbnails'|@translate}" rel="prev">
<div class="thumbHover">{'First Page'|@translate}<br><br>{'Go back to the album'|@translate}</div>
</a>
{/if}
{if isset($next)}
<a class="navThumb" id="linkNext" href="{$next.U_IMG}" title="{'Next'|@translate} : {$next.TITLE|@escape}" rel="next">
<span class="thumbHover nextThumbHover"></span>
<img src="{$next.derivatives.square->get_url()}" alt="{$next.TITLE|@escape}">
</a>
{elseif isset($U_UP)}
<a class="navThumb" id="linkLast" href="{$U_UP}" title="{'Thumbnails'|@translate}" rel="next">
<div class="thumbHover">{'Last Page'|@translate}<br><br>{'Go back to the album'|@translate}</div>
</a>
{/if}
</div>
{/if}

19
themes/default/theme.css
View file

@ -391,14 +391,29 @@ TD.calDayCellFull, TD.calDayCellEmpty {
min-height: 120px;
}
#linkPrev {
#linkPrev, #linkFirst {
float: left;
margin: 5px 10px 0 5px;
}
#linkNext {
#linkNext, #linkLast {
float: right;
margin: 5px 5px 0 10px;
text-align: right;
}
#linkFirst, #linkLast {
border: 1px solid #ccc;
height: 118px;
line-height: 118px;
}
#linkFirst div, #linkLast div {
display: inline-block;
vertical-align: middle;
width: 108px;
line-height: 1.2;
margin: 0 5px;
}
.imageInfoTable UL { /*this is the album list*/

6
themes/elegant/theme.css
View file

@ -220,10 +220,10 @@ a:hover { border-bottom: none;}
}
#imageInfos .navThumbs { width: 250px; height: 130px; margin: auto; padding: 0 5px;}
#imageInfos .navThumb { position: relative; width: 120px; height: 120px; margin: 0; overflow: hidden;}
#imageInfos .navThumb { position: relative; margin: 0; overflow: hidden;}
#imageInfos #linkPrev { float: left;}
#imageInfos #linkNext { float: right;}
#imageInfos .thumbHover { position: absolute; width: 100%; height: 100%;}
#imageInfos #linkNext { float: right;}
#imageInfos #linkFirst, #imageInfos #linkLast { border-color: #444444;}
#imageInfos .prevThumbHover { background: transparent url(icon/none.png) no-repeat center center;}
#imageInfos .prevThumbHover:hover { background: transparent url(icon/img_prev.png) no-repeat center center;}
#imageInfos .nextThumbHover { background: transparent url(icon/none.png) no-repeat center center;}