Question

我正在尝试将CSS分页集成到我在我的网站上设置的缩略图库中。到目前为止，我还没有找到任何指向如何将分页自定义为现有脚本的教程。

从我看到的，有很多很棒的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的用途。

如何在我网站的图库中添加分页？

1 个答案: