Pagination the pear way.
This commit is contained in:
parent
65b90c9ac4
commit
c6b4ceeded
27
css/pear.css
27
css/pear.css
|
@ -116,3 +116,30 @@ a, .g-menu a, #g-dialog a, .g-button, .g-button:hover, .g-button:active, a.ui-st
|
||||||
padding: 1em 20px;
|
padding: 1em 20px;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.g-paginator {
|
||||||
|
margin-bottom: 5px;
|
||||||
|
margin-left: 15px;
|
||||||
|
margin-right: 15px;
|
||||||
|
padding-top: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.buttonFirst { background-position: 0px 0px !important; }
|
||||||
|
a.buttonFirst:hover { background-position: -15px 0px !important; }
|
||||||
|
a.buttonPrev { background-position: 0px -15px !important; }
|
||||||
|
a.buttonPrev:hover { background-position: -15px -15px !important; }
|
||||||
|
a.buttonNext { background-position: 0px -30px !important;}
|
||||||
|
a.buttonNext:hover { background-position: -15px -30px !important;}
|
||||||
|
a.buttonLast { background-position: 0px -45px !important; }
|
||||||
|
a.buttonLast:hover { background-position: -15px -45px !important; }
|
||||||
|
|
||||||
|
a.buttonNext, a.buttonLast { float: right; }
|
||||||
|
a.buttonFirst, a.buttonPrev { float: left; }
|
||||||
|
|
||||||
|
.g-paginator .buttonAction {
|
||||||
|
background: url("../icons/paginator.gif") no-repeat 0 0;
|
||||||
|
height: 15px;
|
||||||
|
width: 15px;
|
||||||
|
margin-left: 0;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
|
@ -988,10 +988,6 @@ div#g-action-status {
|
||||||
|
|
||||||
/* Pagination ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
/* Pagination ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
||||||
|
|
||||||
.g-paginator {
|
|
||||||
padding: .2em 0;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.g-paginator li {
|
.g-paginator li {
|
||||||
float: left;
|
float: left;
|
||||||
|
|
BIN
icons/first.gif
BIN
icons/first.gif
Binary file not shown.
Before Width: | Height: | Size: 126 B |
BIN
icons/last.gif
BIN
icons/last.gif
Binary file not shown.
Before Width: | Height: | Size: 125 B |
BIN
icons/next.gif
BIN
icons/next.gif
Binary file not shown.
Before Width: | Height: | Size: 120 B |
BIN
icons/paginator.gif
Normal file
BIN
icons/paginator.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 301 B |
BIN
icons/prev.gif
BIN
icons/prev.gif
Binary file not shown.
Before Width: | Height: | Size: 122 B |
|
@ -195,7 +195,7 @@ function mosaicResize()
|
||||||
$('#img_detail').css({'height': iHeight+"px", 'width':iWidth+"px"});
|
$('#img_detail').css({'height': iHeight+"px", 'width':iWidth+"px"});
|
||||||
|
|
||||||
myWidth=myWidth-7;
|
myWidth=myWidth-7;
|
||||||
try{var myNav=document.getElementById('gbNavigator');if(myNav.innerHTML != ""){myHeight=myHeight-170;}}catch(e){myHeight=myHeight-142;}
|
($('#paginator').length != 0) ? myHeight-=165: myHeight-=138;
|
||||||
|
|
||||||
if ( !mosaicView )
|
if ( !mosaicView )
|
||||||
{
|
{
|
||||||
|
|
|
@ -25,26 +25,19 @@
|
||||||
// $position - the position number of this photo
|
// $position - the position number of this photo
|
||||||
//
|
//
|
||||||
?>
|
?>
|
||||||
|
<? if(isset($first_page_url) || isset($last_page_url)): ?>
|
||||||
<ul class="g-paginator ui-helper-clearfix" style="display: none;">
|
<ul id="paginator" class="g-paginator ui-helper-clearfix">
|
||||||
<li class="g-first">
|
<li class="g-first">
|
||||||
<? if ($page_type == "collection"): ?>
|
<? if ($page_type == "collection"): ?>
|
||||||
<? if (isset($first_page_url)): ?>
|
<? if (isset($first_page_url)): ?>
|
||||||
<a href="<?= $first_page_url ?>" class="g-button ui-icon-left ui-state-default ui-corner-all">
|
<a href="<?= $first_page_url ?>" class="buttonAction buttonFirst" title="<?= t("First") ?>"> </a>
|
||||||
<span class="ui-icon ui-icon-seek-first"></span><?= t("First") ?></a>
|
|
||||||
<? else: ?>
|
|
||||||
<a class="g-button ui-icon-left ui-state-disabled ui-corner-all">
|
|
||||||
<span class="ui-icon ui-icon-seek-first"></span><?= t("First") ?></a>
|
|
||||||
<? endif ?>
|
<? endif ?>
|
||||||
<? endif ?>
|
<? endif ?>
|
||||||
|
|
||||||
<? if (isset($previous_page_url)): ?>
|
<? if (isset($previous_page_url)): ?>
|
||||||
<a href="<?= $previous_page_url ?>" class="g-button ui-icon-left ui-state-default ui-corner-all">
|
<a href="<?= $previous_page_url ?>" class="buttonAction buttonPrev" title="<?= t("Previous") ?>"> </a>
|
||||||
<span class="ui-icon ui-icon-seek-prev"></span><?= t("Previous") ?></a>
|
|
||||||
<? else: ?>
|
|
||||||
<a class="g-button ui-icon-left ui-state-disabled ui-corner-all">
|
|
||||||
<span class="ui-icon ui-icon-seek-prev"></span><?= t("Previous") ?></a>
|
|
||||||
<? endif ?>
|
<? endif ?>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="g-info">
|
<li class="g-info">
|
||||||
|
@ -66,22 +59,16 @@
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="g-text-right">
|
<li class="g-text-right">
|
||||||
<? if (isset($next_page_url)): ?>
|
|
||||||
<a href="<?= $next_page_url ?>" class="g-button ui-icon-right ui-state-default ui-corner-all">
|
|
||||||
<span class="ui-icon ui-icon-seek-next"></span><?= t("Next") ?></a>
|
|
||||||
<? else: ?>
|
|
||||||
<a class="g-button ui-state-disabled ui-icon-right ui-corner-all">
|
|
||||||
<span class="ui-icon ui-icon-seek-next"></span><?= t("Next") ?></a>
|
|
||||||
<? endif ?>
|
|
||||||
|
|
||||||
<? if ($page_type == "collection"): ?>
|
<? if ($page_type == "collection"): ?>
|
||||||
<? if (isset($last_page_url)): ?>
|
<? if (isset($last_page_url)): ?>
|
||||||
<a href="<?= $last_page_url ?>" class="g-button ui-icon-right ui-state-default ui-corner-all">
|
<a href="<?= $last_page_url ?>" class="buttonAction buttonLast" title="<?= t("Last") ?>"> </a>
|
||||||
<span class="ui-icon ui-icon-seek-end"></span><?= t("Last") ?></a>
|
|
||||||
<? else: ?>
|
|
||||||
<a class="g-button ui-state-disabled ui-icon-right ui-corner-all">
|
|
||||||
<span class="ui-icon ui-icon-seek-end"></span><?= t("Last") ?></a>
|
|
||||||
<? endif ?>
|
<? endif ?>
|
||||||
<? endif ?>
|
<? endif ?>
|
||||||
|
<? if (isset($next_page_url)): ?>
|
||||||
|
<a href="<?= $next_page_url ?>" class="buttonAction buttonNext" title="<?= t("Next") ?>"> </a>
|
||||||
|
<? endif ?>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
<? endif ?>
|
||||||
|
|
Reference in New Issue
Block a user