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.需要放斜线＆＃39; /＆＃39;在图像目录路径
之后的第3行之后 2.需要在第7行的src和alt属性之间添加空格

Answer 2

这是有效的，你需要一个空间＆＃34; src＆＃34;并关闭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>

从文件夹加载所有图像

4 个答案: