php - 根据分辨率计算拇指数

标签 php jquery css ajax resolution

我有一个缩略图画廊,我只想显示“X”张图片,其中“X”张图片根据他们的分辨率完美适合特定用户的浏览器窗口。

这之所以重要,是因为如果我不根据它们的分辨率进行计算,而是提取静态数量的图像,那么在某些分辨率下,底行的数字会不均匀。这看起来很丑。

有没有一种方法可以根据分辨率计算要显示的正确图像数量(如果需要,我可以通过 window.height 和 window.width 获得分辨率 - 拇指是动态拉动的,所以这不是问题)?

我目前的做法是使用一个巨大的 switch 语句,其中包含各种分辨率和硬编码的“图像数量”值,并且页面加载将分辨率发送到 PHP 脚本,PHP 脚本将其传递到此 switch 语句中,但是这是不切实际的,并且似乎在不同的显示器上具有不可预测的行为,即使是具有相同分辨率的显示器。当然有办法动态计算吗?或者至少是对我目前使用的看似糟糕的解决方案的更好解决方案。

谢谢。

最佳答案

这听起来像是一道代数题。给定宽度 x 高度...但我们知道缩略图不会挤压成不规则的尺寸。所以我们计算有多少适合我们的宽度(给定它们之间的 css 边距)。对高度做同样的事情。我无法为您编写代码,因为我不知道每个缩略图的宽度和高度,但我也认为它会非常简单。

关于php - 根据分辨率计算拇指数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10714503/

相关文章:

php - MYSQL JSON - 如何访问由数字键索引的嵌套 JSON 对象?

php - 如何将 mysql 连接结果包含到 PHP 多维数组中

javascript - 如何在使用 effect.scrollto 方法时更改 url 名称

javascript - 如果高度太大,sweetModal.js 错误

javascript - 如何根据位置列表从 map 中删除标记?

php - 另一个表中的用户选项: what is the best practice to check if an option is there?

jQuery 后代选择器选择了祖先之外的元素

jquery - 可能使用 wrapCSS 属性在同一页面上设置两个 fancybox-close 实例的样式

html - 如何在没有绝对的情况下将div附加到底部?

javascript - 点击按钮,显示div内容,隐藏其他 - JS