javascript - PHP 动态画廊分页(有一些变化)

标签 javascript pagination

好吧,我正在使用 PHP 显示动态图库...我想要的是不是在一页上显示大量缩略图,而是进行分页...您知道页数、下一页和所有页数..

嗯,这是一个老东西,但我不知道该怎么做..

  • 怎么做?

但要稳住这里是扭曲

我在 DIVS 中显示我在行中设置的缩略图,所以假设有人以 1024x768 打开页面,我会连续看到 3 个缩略图,并且有 6 行,所以他们总共会生成 18 个缩略图。

但是如果有人用他们的分辨率打开页面,比如说1600 x 1200,我会连续得到5个缩略图,所以18个缩略图将构成3行..假设我想保留第6行并将缩略图弹出到30行。 .. 如何使用代码来做到这一点

附:祝我的疯狂感谢好运......

最佳答案

基本技术是这样的:您知道或计算出每页显示的图像数量。因此,当您执行查询时,这就是您的限制。此外,您还需要一个偏移量 - 您需要跳过多少个结果。如果您每页显示 8 个结果,并且想要显示第 3 页,则偏移量将为 (3 - 1) * 8 或 16。

现在,您有趣的挑战听起来就像您的显示器:您根据显示器显示不同数量的缩略图。因此,您需要计算您想要的显示大小(可能使用 JavaScript),然后根据您显示的页面发出 ajax 请求来查询您想要的结果数量和偏移量。

关于javascript - PHP 动态画廊分页(有一些变化),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4173975/

相关文章:

javascript - a *= 1 和 a = +a 有什么区别?

javascript - 如何使分页器类在一页内移动(HTML 和 CSS)

javascript - 无限制地对数组数组(无数据库)进行分页

android - 为 iOS/Android 移动应用程序缓存数据以与分页一起使用

javascript - 当用户点击数据表中的分页页码时如何触发点击事件?

javascript - 如何在服务器离线时销毁仅 http cookie?

javascript - Polymer CSS 内联元素对齐

javascript - 如何仅推送我的数组中未找到的元素

spring-boot - Springboot cassandra 分页

javascript - 如何在可用时使 Angular.js 应用离线并与服务器同步