我正在我的网页中创建一个画廊。在我的网络中,我也有一些视图,其中我使用了一些小部件,如 CGridView 或 CListView。在这些视图中,当页面中有很多元素时,会自动出现一个分页栏。当然,我使用 Yii 创建了这些视图,问题是我不知道如何在我的画廊视图中创建这种分页。为此,我在互联网上搜索了一个分页代码,我发现了一些东西。现在我正在使用这段代码
<div class="pagination">
<ul>
<?php
echo "<a href=\"?pag=".'1'."\" onclick=\"Pagina('1')\"><< Primero </a> ";
if($pag_act>1) echo "<a href=\"?pag=".$pag_ant."\" onclick=\"Página('$pag_ant')\"> < Anterior</a> ";
for ($l=$pag_act;$l<=$pag_ult;$l++){
echo "<a href=\"?pag=".$l."\" onclick=\"Página('$l')\"> $l</a> ";
}
if($pag_act<$pag_ult) echo " <a href=\"?pag=".$pag_sig."\" onclick=\"Pagina('$pag_sig')\">Siguiente > </a> ";
echo "<a href=\"?pag=". $pag_ult."\" onclick=\"Pagina('$pag_ult')\">Último >> </a>";
?>
</ul>
</div>
当然,我编辑代码是因为我希望它显示一个类似于 Yii 在另一个视图中创建的分页栏,正如我告诉你的那样。
最后,我的分页栏与 Yii 创建的类似,但它们的工作方式不同。例如,我的分页栏在 URL 中显示“myApp/site/gallery.html?pag=1”,当我单击一个按钮时,它不会改变他的颜色背景,最重要的是,当我单击一个按钮时,页面刷新,你显示这个的开头,我的意思是,标题,而不是分页栏。
我知道要更改背景颜色,我必须编辑 css,就我而言,在 navi.css 中我有:
/* ----------------------------------------------分页- ------------------------------------*/
.pagination{display:block; width:100%; text-align:center; clear:both;}
.pagination ul{margin:0; padding:0; list-style:none;}
.pagination li{display:inline;}
.pagination .next{margin:0;}
.pagination a{display:inline-block; padding:2px 5px 3px 5px; margin:0 2px 0 0; border:1px solid #DFDFDF;}
.pagination .current, .pagination .splitter{padding:6px; margin:0 2px 0 0;}
.wrapper .pagination a:hover, .pagination .current, .pagination .splitter{color:#9B9B9B!important; background-color:#F9F9F9;}
.pagination ul li.selected a{color:#666666!important; background-color: #F9F9F9;border:0;}
但我不知道如何更改分页栏的背景颜色。
我希望我的分页栏像 Yii 创建的那样工作,或者知道如何创建另一个像 Yii 分页栏。
拜托,有人可以帮助我吗?谢谢!
编辑:
我使用gallery.php的这段代码来显示图像:
<div class="wrapper col2">
<div id="container" class="clear">
<!-- ####################################################################################################### -->
<div id="tabcontainer">
<ul id="tabnav">
<li><a href="#tabs-1">Wedding Photos</a></li>
<li><a href="#tabs-2">Artistic Photos</a></li>
<li><a href="#tabs-3">Children's Photos</a></li>
<li><a href="#tabs-4">Fashion Photos</a></li>
<li><a href="#tabs-5">Action Photos</a></li>
</ul>
<!-- ########### -->
<div id="tabs-1" class="gallery clear">
<ul>
<?php
while($imagen_a_empezar<$imagen_a_terminar){
if($imagen_a_empezar>=$total_imagenes) break;
if (in_array($imagen_a_empezar,$ultimos)){
?>
<li class="last"><a href="<?php echo Yii::app()->theme->baseUrl;?>/images/portfolioslider/<?php echo $archivos[$imagen_a_empezar]?>.jpg" rel="prettyPhoto[gallery1]" title=""><img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/gallery/<?php echo $archivos[$imagen_a_empezar]?>.jpg" alt="" /></a></li>
<?php }else{ ?>
<li><a href="<?php echo Yii::app()->theme->baseUrl;?>/images/portfolioslider/<?php echo archivos[$imagen_a_empezar]?>.jpg" rel="prettyPhoto[gallery1]" title=""><img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/gallery/<?php echo $archivos[$imagen_a_empezar]?>.jpg" alt="" /></a></li>
<?php };?>
<?php $imagen_a_empezar++;
};?>
</ul>
</div>
</div>
</div>
</div>