获取图片高宽为Data size PHP

Question

我正在我的网页中使用此代码。我使用数据大小属性在弹出时保持图像的纵横比。

<figure>
          <a href="img/large-image/1.jpg" itemprop="contentUrl"  data-size="1024x1024">
              <img src="img/small-thumbnail/1.jpg" itemprop="thumbnail" alt="Image description" />
          </a>
          <figcaption itemprop="caption description">Image caption 1</figcaption>
        </figure>
<figure>
          <a href="img/large-image/2.jpg" itemprop="contentUrl" data-size="964x1024">
              <img src="img/small-thumbnail/2.jpg" itemprop="thumbnail" alt="Image description" />
          </a>
          <figcaption itemprop="caption description">Image caption 2</figcaption>
        </figure>

<figure>
          <a href="img/large-image/3.jpg" data-size="683x683">
              <img src="img/small-thumbnail/3.jpg" itemprop="thumbnail" alt="Image description" />
          </a>
          <figcaption itemprop="caption description">Image caption 3</figcaption>
        </figure>

现在不能每次都手动输入图片尺寸了。那么，如何自动将图像的宽度和高度值放入 "data-size" 属性中呢？

Answer 1

getimagesize() 可用于获取图像尺寸：

<?php
    list($width, $height) = getimagesize("img/large-image/1.jpg");
?>

<a href="img/large-image/1.jpg" itemprop="contentUrl"  data-size="<?php echo $width . 'x' . $height; ?>">

获取图片高宽为Data size PHP

Get image height and width into Data size PHP

php

height

image

width