Question

所以我使用这个PHP来显示特定目录中的所有图像：

<?php
  $dirname = "cards/";
  $images = glob($dirname."*.png");
  foreach($images as $image) {
  echo '<img src="'.$image.'" />';
  }
?>

加载我的图片效果很好。但我想知道如何让它回显html，不仅加载图像，而且显示文件名为alt和title属性。我尝试使用以下，但它加载目录名称和文件名称。试图获取文件名。

echo '<img src="'.$image.'" alt="'.$image.'" title="'.$image.'" />';

另外，我想每行只显示五个图像，有没有一种方法可以使用自动生成的图像进行格式化？

更新：关于一次显示五个图像，我不想要滑块或分页。我希望加载目录中的所有图像，但每5张图像后换行一次。

提前致谢！

Answer 1

将其添加到循环中以获取没有文件扩展名的图像名称

<div class="row">
<?php $dirname = "cards/"; $images = glob($dirname . "*.png");  ?>
<?php foreach ($images as $image)  :?>
    <?php $title = pathinfo($image); ?>
    <div class="col-md-3">
      <img src="<?= $image ?>" alt="<?=title['filename']?>" class="img-thumbnail" >
    </div>
<?php endforeach ?>
</div>

每行显示5个图像以创建分页，每次单击链接时返回5个图像。寻找jQuery滑块插件。

Test生成下面的html标记，但每行只有4个图像。

<div class="container">
    <div class="row">                           
        <div class="col-md-3">
            <img src="downloads/hex_bg_black.jpg" alt="hex_bg_black" class="img-thumbnail">
        </div>          
        <div class="col-md-3">
            <img src="downloads/zh_bg_1.jpg" alt="zh_bg_1" class="img-thumbnail">
        </div>
    </div>
</div>

希望得到这个帮助。

使用PHP Glob显示图像时添加alt，标题和格式

1 个答案: