Question

我想使用Photoswipe插件创建图库但我想自动显示文件夹中的拇指和图像。 Photoswipe需要图像的大小，所以我希望脚本能够获取每个图像的大小。

文件夹中的图片编号从0到14，它显示图像，但我不知道如何从图库中获取每个图像的大小/并将其放入：data-size =“'。$ imageSize。'”：

<?php
  $dir="gallery/";
  $thumbsDir="gallery/thumbs/";
  for($i=0; $i<=14; $i++)
  {
    echo 
      '<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
        <a href="'.$dir.$i.'.jpg" itemprop="contentUrl" data-size="'.$imageSize.'" data-index="'.$i.'">
          <img src="'.$thumbsDir.$i.'.jpg" width="412px" itemprop="thumbnail" class="img-responsive img-thumbnail">
        </a>
      </figure>';
  }
?>

这应该如下所示：data-size =“1920x1080”。

Answer 1

例如，您想要使用getimagesize()。

<?php
  $dir="gallery/";
  $thumbsDir="gallery/thumbs/";
  for($i=0; $i<=14; $i++)
  {
    if (!file_exists($dir.$i.'.jpg')) continue;
    list($width, $height, $type, $attr) = getimagesize($dir.$i.'.jpg');

    echo 
      '<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
        <a href="'.$dir.$i.'.jpg" itemprop="contentUrl" data-size="'.$width.'x'.$height.'" data-index="'.$i.'">
          <img src="'.$thumbsDir.$i.'.jpg" width="412px" itemprop="thumbnail" class="img-responsive img-thumbnail">
        </a>
      </figure>';
  }
?>

获取图像大小并从文件夹生成库

1 个答案: