0

Web ページにギャラリーを作成しています。私の Web には、CGridView や CListView などのウィジェットを使用するビューもあります。これらのビューでは、ページに多くの要素がある場合、ページネーション バーが自動的に表示されます。もちろん、私は Yii を使用してこれらのビューを作成しました。問題は、ギャラリー ビューでこの種のページネーションを作成する方法がわからないことです。このため、インターネットでページネーション コードを検索したところ、いくつかの情報が見つかりました。今、私はこのコードを使用しています

<div class="pagination">
<ul>
<?php

echo "<a href=\"?pag=".'1'."\" onclick=\"Pagina('1')\">&lt;&lt; Primero </a> ";
if($pag_act>1) echo "<a href=\"?pag=".$pag_ant."\" onclick=\"Página('$pag_ant')\"> &lt; 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 &gt; </a> ";
echo "<a href=\"?pag=". $pag_ult."\" onclick=\"Pagina('$pag_ult')\">Último &gt;&gt;   </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>
4

1 に答える 1