php - 自动调整可变高度的图像

Question

我有一个图像列表（缩略图），显示为画廊。这些图像具有固定宽度和可变高度。

但是由于图像高度可变，页面看起来很有线

是否有任何可能的解决方案使用 jQuery 或 PHP 使其看起来不错，即连续自动调整图像 4？

更新：

我创建了一个 jsFiddle 以便更轻松地测试代码：http: //jsfiddle.net/alokjain_lucky/vHVcP/

请我不希望图像被裁剪或拉伸以使它们具有相同的高度。

score 0 · Accepted Answer

如果您不想在缩略图上压缩图像高度，只需为缩略图添加一个固定高度。

例如：添加height: 100px;到ul.small-thumb-3 li imgstyle.css

score 0 · Accepted Answer

0

作为 CSS 的替代方案，这里有一个Wordpress 插件，它基本上可以为您完成。

于 2012-06-08T06:52:11.093 回答

score 0 · Accepted Answer

用于创建相同大小的缩略图的有用链接：

score 0 · Accepted Answer

您可以尝试获取每个缩略图的高度，将它们放入数组中，然后使用 natsort 或类似方法将它们从最高到最低或其他方式排序。那就是如果订单无关紧要。这样，您将获得彼此相邻的大小相似的图像，并且看起来会稍微好一些。

你也说“请我不希望图像被裁剪或拉伸以使它们具有相同的高度。” 因此，如果无法以任何方式更改图像，则几乎没有其他方法..

编辑：这里有更好看的版本：http: //jsfiddle.net/vHVcP/10/

score 0 · Accepted Answer

在图像周围放置边框，然后在边框内动态居中图像。

score 0 · Accepted Answer

0

我为我的要求创建了以下解决方案：http: //jsfiddle.net/alokjain_lucky/vHVcP/

于 2012-06-27T05:31:36.663 回答

6 回答 6