如何使用 html 页面上的 PHP 填充图片库，包括图片 code/classes 两边？

Question

我正在创建一个包含照片库的网页，它是一个灯箱，使用大量图像 - 每页大约 80-150 张。图片的数量每周都在变化，我想让网站自动从子文件夹中的图片填充图片库，同时包含附加到图片的代码以使其正确显示。

例如，这是每个图像代码的样子。请注意，我需要在每行中放置两次图像。

<a data-fancybox="gallery" href="images/001.jpg"><img alt="" class="lazy" data-src="images/001.jpg" /></a>

我正在尝试使用以下脚本，但它似乎不起作用。

<?php
   $dirname = "../images/";
$images = glob($dirname."*.jpg");

foreach($images as $image) {
    echo '<a data-fancybox="gallery" href="'.$image.'"><img alt="" 
class="lazy" data-src="'.$image.'"  /></a>';
}
     ?>

在这种情况下，我为每一行添加了 .$image。在两个位置，在回声之间，但它似乎不起作用。

如果您对我有任何建议，我们将不胜感激。

Answer 1

您的 <img /> 标记没有在浏览器呈现图像所需的 src 属性中设置路径。它只填充了 data-src 属性。

应该是：

<?php
$dirname = "../images/";
$images = glob($dirname."*.jpg");

foreach($images as $image) {
    echo '<a data-fancybox="gallery" href="'.$image.'"><img alt="" 
class="lazy" src="'.$image.'" data-src="' . $image . '"  /></a>';
}
?>

如何使用 html 页面上的 PHP 填充图片库，包括图片 code/classes 两边？

How do I populate Image gallery using PHP on html page, including image code/classes either side?

php

using

image

gallery

generate