从文件夹加载所有图像

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

这是正确的代码：

<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属性之间留出空格

Answer 2

这是有效的，你需要在“src”之前有一个空格并关闭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 3

试试下面，

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


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

    }
?>

Answer 4

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

由glob函数重新调整的列表是与给定模式匹配的文件名/目录名。你必须在图像源中加入路径。试试下面的代码。它应该工作。

<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>