如何动态查找图像宽度和高度，并在超过特定尺寸时指定高度、宽度属性？

Question

我在网站上显示一些数据，其中一个数据源元素是图像。

[title] => Product title
[description] => some description
[image] => www.some-domain.com/product-image/p12345.jpg

然后，我使用

<img alt="product" src="<?=$data['image']?>" />

大多数图像的宽度为 80x80、120x100 或其他小于 150 的图像来显示此图像，这完全适合网站模板，但其中一些图像非常大，例如 800x600，这会扭曲布局。我想要对这些类型进行控制。

我尝试设置 WIDTH="150"，但随着宽度的变化，它们看起来不太好。我在想如果我可以为图像设置一个固定宽度，比如说大于 250px，那么我现在就可以忍受它了。 有什么想法如何实现这一目标？

谢谢

Answer 1

我已经使用 getimagesize() 来实现这一点。

$size = getimagesize( "http://www.some-domain.com/product-image/p12345.jpg" );
$width = $size[0];
$height = $size[1];