每次在图像文件夹中添加新图片时,如何创建自动<div>标签?

时间:2017-02-12 18:08:21

标签: javascript php html

我有一个包含许多jpeg图像的图像文件夹。我在html代码中的<div>标签中显示它们。我想要实现的是,每当我在文件夹中添加新图像时,它会自动在代码中创建一个<div>标记。我需要你的帮助

3 个答案:

答案 0 :(得分:2)

没有纯CSS方法可以做到这一点。这将是php的舞台,如果你在谈论服务器端的图片文件夹,或javascript,如果图像是客户端上传的。

答案 1 :(得分:0)

由于您提供了PHP标记,我认为PHP在这里很好。只需使用以下代码替换<div>

<!-- ... -->
<?php
    $files = scandir('./images');
    foreach($files as $file) {
        echo "<div><img src=\"images/$file\"/></div>";
    }
?>
<!-- ... -->

答案 2 :(得分:0)

以下是一个用于创建多个的示例代码。尝试在代码中使用这个

<?php   
$dir = "classes/1961/*";
foreach(glob($dir) as $file)
      {
         ?>
              <div class="cell-1-9">
                   <img src="<?php echo $file ?>">
                   <p>Dylan Miller</p>
              </div>
          <?php
      }

&GT;