如何將分頁添加到我的網站的畫廊？

Question

我正在嘗試將CS​​S分頁集成到我在網站上設置的縮略圖庫中。到目前爲止，我還沒有找到任何教程指出如何將分頁自定義到現有腳本中。

從我看到的那裏，有很多很棒的CSS分頁解決方案。這裏的a page有很多分頁樣式（沒有插件，整合似乎是非常一般的，所以任何會做）。我已經下載了一些，希望一個教程能夠引導我達到我想要的目標，但目前爲止還沒有運氣。

我的代碼取自Pure CSS image gallery。我看了一下集成Gallerific，但發現指令很困難，所以我正在尋找一個純粹的CSS解決方案。

起初，我想爲同一個圖庫使用多個div，就像Gallerific一樣，只需要找到JavaScript（或某種類型的jQuery解決方案）就可以連接圖庫工作所需的鏈接。

目前，畫廊是包含在一個div（它必須爲了工作的方式）。我正在尋找僅在拇指上添加分頁的方法，例如"...<a href="#prev01"><img src="images/img/thmbs/01.jpg" alt="" class="thumb" /> ..."

這裏一職的目的是到目前爲止我的代碼：

<div id="gallerycenter"> 

     <ul id="gallery"> 

      <li> 
       <a href="#prev01"><img src="images/img/thmbs/01.jpg" alt="" class="thumb" /> 
       <span><img src="images/img/01.jpg" id="prev01" class="showcase" alt="" /></span></a> 
      </li> 
      <li> 
       <a href="#prev02"><img src="images/img/thmbs/02.jpg" alt="" class="thumb" /> 
       <span><img src="images/img/02.jpg" id="prev02" class="showcase" alt="" /></span></a> 
      </li> 
      <li> 
       <a href="#prev03"><img src="images/img/thmbs/03.jpg" alt="" class="thumb" /> 
       <span><img src="images/img/03.jpg" id="prev03" class="showcase" alt="" /></span></a> 
      </li> 
      <li> 
       <a href="#prev04"><img src="images/img/thmbs/04.jpg" alt="" class="thumb" /> 
       <span><img src="images/img/04.jpg" id="prev04" class="showcase" alt="" /></span></a> 
      </li> 
      <li> 
       <a href="#prev05"><img src="images/img/thmbs/05.jpg" alt="" class="thumb" /> 
       <span><img src="images/img/05.jpg" id="prev05" class="showcase" alt="" /></span></a> 
      </li> 

     </ul> 

</div> 

我已經想到了，但沒試過被改變「.thumb」到「.pagination」中的唯一的事爲了開始階級形式的「分頁」，但仍然沒有給我足夠的支持

任何人都可以幫我拼湊出各種可能性，或者確認我是瘋了，我也在問大部分的CSS？

Answer 1

您誤解了您發佈的鏈接。它提供款式只有，沒有功能，因爲CSS沒有提供這個功能。分頁不是向頁面添加樣式的問題，可以通過編程方式實現，無論是服務器端還是客戶端JavaScript。你應該選擇一個現有的jQuery分頁插件並使用它，你不會找到一個只使用CSS來提供分頁的解決方案，因爲這基本上不是CSS的用處。