这是一个模糊的问题,但我正在寻找建议,也许是有过这个问题经验的人的建议。我有一个 PHP 数组,包含不同大小的产品图像,我想在我的网页上显示四到一行。问题是因为它们的尺寸不同,我不知道如何在没有它们都非常“偏离”的情况下显示它们。
下面是一个看起来很奇怪的例子:
我不知道放置这些图像的最佳方式,以免它们看起来“奇怪”。再说一次,我知道这有点含糊,但也许有人有过这方面的经验?其他购物网站如何处理这个问题?
谢谢
这是一个模糊的问题,但我正在寻找建议,也许是有过这个问题经验的人的建议。我有一个 PHP 数组,包含不同大小的产品图像,我想在我的网页上显示四到一行。问题是因为它们的尺寸不同,我不知道如何在没有它们都非常“偏离”的情况下显示它们。
下面是一个看起来很奇怪的例子:
我不知道放置这些图像的最佳方式,以免它们看起来“奇怪”。再说一次,我知道这有点含糊,但也许有人有过这方面的经验?其他购物网站如何处理这个问题?
谢谢
你考虑过神奇的砌体 jQuery插件吗?
编辑:也可以不使用 jQuery:http: //vanilla-masonry.desandro.com/
如果可以的话,我建议您看看我们的服务,其中包括云中的图像转换(以及通过快速 CDN 交付)。
您可以使用基于重力的裁剪,同时保持纵横比或基于面部检测的裁剪以获得所需的图像。为名为“face_top”的上传图片生成 100x100 JPG 的一些示例:
http://res.cloudinary.com/demo/image/upload/w_100,h_100,c_fill,g_north/face_top.jpg
http://res.cloudinary.com/demo/image/upload/w_100,h_100,c_fill,g_south/face_top.jpg
http://res.cloudinary.com/demo/image/upload/w_100,h_100,c_fill,g_face/face_top.jpg
http://res.cloudinary.com/demo/image/upload/w_100,h_100,c_thumb,g_face/face_top.jpg
更多可用的转换选项。
我在另一个问题中回答了类似的问题,在那里我继续添加了一个示例,说明如何将图像调整为固定的缩略图尺寸,可选择保持纵横比(和信箱)或裁剪所有缩略图的内容一致。
请查看http://pastebin.com/STzAxrZA并注意 image_resize_jpg() 中的 $maximize 参数
我想您需要决定是要更改 HTML(并保留奇数大小的图像)还是更改缩略图的生成方式