从文件夹加载所有图像

Question

我正在尝试将文件夹中的图像插入在 javascript 中创建的图库中。

我正在使用 php 循环插入所有图像，但它不起作用。这是代码：

<div id="mygallery">
            <?php $directory="img/portfolio";
            $images=glob($directory . "*.jpg");
            $swipebox = "swipebox";
            foreach($images as $image) {
                echo "<a href=" .$image." class=".$swipebox."> <img alt=" . $directory . "src=". $image . "/>";
            }?></div>

Answer 1

这是有效的，您需要在 "src" 之前添加 space 并关闭 href。

<?php 
    $directory="img/portfolio";
    $images=glob($directory . "*.jpg");
    $swipebox = "swipebox";
    foreach($images as $image) {
        echo " <a href=" .$image." class=".$swipebox."> <img alt=" . $directory . " src='". $image . "' /> </a>";
}?>

Answer 2

试试下面，

<?php
    $allImageFiles = scandir('img/portfolio');
    $swipebox = "swipebox";


    foreach($allImageFiles as $key=>$image) {
        echo "<a href=" .$image." class=".$swipebox."> <img alt=" . $directory . "src=". $image . "/>";

    }
?>

Answer 3

正确代码如下：

<div id="mygallery">
<?php
    $directory="img/portfolio/";
    $images=glob($directory . "*.jpg");
    $swipebox = "swipebox";
    foreach($images as $image) {
        echo "<a href=" .$image." class=".$swipebox."> <img alt=" . $directory . " src=". $image . " /></a>";
    }
?>
</div>

以下是您在代码中犯的错误：
1.需要在图片目录路径后的第3行后面加上斜杠'/'
2.需要在第7行的src和alt属性之间放置space

Answer 4

上面的评论提到了两件事。 1.在路径中添加斜杠（/） 2.在src和alt之间添加Space

glob 函数返回的列表是 filenames/directory 个匹配给定模式的名称。您必须在图像源中加入路径。试试下面的代码。应该可以。

<div id="mygallery">
<?php
    $directory="img/portfolio/";
    $images=glob($directory . "*.jpg");
    $swipebox = "swipebox";
    foreach($images as $image) {
        echo "<a href=" .$image." class=".$swipebox."> <img alt=" . $directory . " src=". $directory .$image . " /></a>";
    }
?>
</div>

从文件夹加载所有图像

Load all images from folder

javascript

php

image

directory

image-gallery