3

这是一个模糊的问题,但我正在寻找建议,也许是有过这个问题经验的人的建议。我有一个 PHP 数组,包含不同大小的产品图像,我想在我的网页上显示四到一行。问题是因为它们的尺寸不同,我不知道如何在没有它们都非常“偏离”的情况下显示它们。

下面是一个看起来很奇怪的例子:

奇怪的情况

我不知道放置这些图像的最佳方式,以免它们看起来“奇怪”。再说一次,我知道这有点含糊,但也许有人有过这方面的经验?其他购物网站如何处理这个问题?

谢谢

4

3 回答 3

2

你考虑过神奇的砌体 jQuery插件吗?

编辑:也可以不使用 jQuery:http: //vanilla-masonry.desandro.com/

于 2012-05-01T22:21:43.033 回答
1

如果可以的话,我建议您看看我们的服务,其中包括云中的图像转换(以及通过快速 CDN 交付)。

您可以使用基于重力的裁剪,同时保持纵横比或基于面部检测的裁剪以获得所需的图像。为名为“face_top”的上传图片生成 100x100 JPG 的一些示例:

http://res.cloudinary.com/demo/image/upload/w_100,h_100,c_fill,g_north/face_top.jpg

100x100,填充,北

http://res.cloudinary.com/demo/image/upload/w_100,h_100,c_fill,g_south/face_top.jpg

100x100,填充,南

http://res.cloudinary.com/demo/image/upload/w_100,h_100,c_fill,g_face/face_top.jpg

100x100,填充,面部

http://res.cloudinary.com/demo/image/upload/w_100,h_100,c_thumb,g_face/face_top.jpg

100x100,拇指,脸部

更多可用的转换选项

于 2012-05-02T14:33:47.373 回答
0

我在另一个问题中回答了类似的问题,在那里我继续添加了一个示例,说明如何将图像调整为固定的缩略图尺寸,可选择保持纵横比(和信箱)或裁剪所有缩略图的内容一致。

请查看http://pastebin.com/STzAxrZA并注意 image_resize_jpg() 中的 $maximize 参数

我想您需要决定是要更改 HTML(并保留奇数大小的图像)还是更改缩略图的生成方式

于 2012-05-01T22:26:31.560 回答