如何掃描圖像目錄並使用php將其放置在我的畫廊中

Question

這是我的畫廊。 我想要的是先掃描圖像目錄，然后再按名稱順序將圖像添加到圖庫中。 因此，如果以后再在目錄中放置更多圖像，它們將被添加到圖庫中。 如果有人能指出正確的方向，例如可能的話，或者在哪里可以找到有關該方法的信息，那將是很棒的。 提前致謝！

 <link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato"> <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css"> <div class="w3-content w3-container w3-padding-64" style="margin-top:50px;"> <h3 class="w3-center w3-text-white">Never Ending Light of Day</h3> <br> <!-- Responsive Grid. Four columns on tablets, laptops and desktops. Will stack on mobile devices/small screens (100% width) --> <div class="w3-row-padding w3-center"> <div class="w3-col m3"> <img src="6.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity"> </div> <div class="w3-col m3"> <img src="7.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity"> </div> <div class="w3-col m3"> <img src="8.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity"> </div> <div class="w3-col m3"> <img src="1.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity"> </div> </div> <div class="w3-row-padding w3-center w3-section"> <div class="w3-col m3"> <img src="2.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity"> </div> <div class="w3-col m3"> <img src="3.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity"> </div> <div class="w3-col m3"> <img src=".jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity"> </div> <div class="w3-col m3"> <img src=".jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity"> </div> </div> </div> <!-- Modal for full size images on click--> <div id="modal01" class="w3-modal w3-black" onclick="this.style.display='none'"> <span class="w3-closebtn w3-hover-red w3-text-white w3-xxxlarge w3-container w3-display-topright">&times;</span> <div class="w3-modal-content w3-animate-zoom w3-center w3-transparent w3-padding-64"> <img id="img01" style="max-width:100%"> </div> </div> 

Answer 1

您可以將PHP用於具有glob函數的每個循環，如下所示：

<?php 
// Define the directory and filetypes
$dirname = "/images/directory/";
$images = glob("{$dirname}*.png, {$dirname}*.jpg");

foreach($images as $item) {
echo '<img src="'.$item.'" />';
}
?>

Answer 2

這是一個潛在的解決方案。 我被我的網站使用了

<?php
$dir = "./";
$arr = scandir($dir);
reset($arr);
while (list(, $value) = each($arr)) {
if($value != "." && $value != ".." && $value != "index.php" && $value != ".htaccess"){
echo "<a href = $dir$value><img src = $dir$value height = 240 width = 240>"."</img></a>";
}
}
?>