我正在考虑使我现有的轮播具有响应性,我有分页并显示所有页面,但是它包含许多页面,因此当我尝试将其放入较小的屏幕时,数字会进入第二行。我也有下一个和后退按钮。
我想要的是能够显示,例如,从 1 到 5 的数字和三个点(...),然后在第 5 页单击下一步时,显示 6 到 10 等等。在较小的屏幕中查看时,每个页面将包含一个项目,或者可能包含 2 个,一个在另一个之下。
有没有人实现了类似的东西可以给我一些示例代码?
谢谢
我正在考虑使我现有的轮播具有响应性,我有分页并显示所有页面,但是它包含许多页面,因此当我尝试将其放入较小的屏幕时,数字会进入第二行。我也有下一个和后退按钮。
我想要的是能够显示,例如,从 1 到 5 的数字和三个点(...),然后在第 5 页单击下一步时,显示 6 到 10 等等。在较小的屏幕中查看时,每个页面将包含一个项目,或者可能包含 2 个,一个在另一个之下。
有没有人实现了类似的东西可以给我一些示例代码?
谢谢
在他们的示例/灵感页面上有一个示例可以执行类似的操作。它是 #38 - “Carousel with truncated pagination because of the large amount of items”,它提供了示例代码,允许您确定分页范围开始和结束处的页数,以及中间的数字,全部之间截断。例如 [1]...[4][5][6]...[15]
它会在您浏览时更新(示例是自动播放并不断更新分页)。
在这里找到它:http: //coolcarousels.frebsite.nl/c/38/