PHP: Простая галерея, показать изображения из папки

<!-- Подключаем библиотеку bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"> 

<script type="text/javascript">
 function openImageWindow(src) {
 var image = new Image();
 image.src = src;
 var width = image.width;
 var height = image.height;
 window.open(src,"Image","width=" + width + ",height=" + height);
 }
</script>

<?php
$directory = "../f"; // Папка с изображениями
$allowed_types=array("jpg", "png", "gif"); // Разрешённые типы изображений
$file_parts = array();
 $ext="";
 $title="";
 $i=0;
// пробуем открыть папку
 $dir_handle = @opendir($directory) or die("Ошибка при открытии папки !!!");
while ($file = readdir($dir_handle)) // поиск по файлам
 {
 if($file=="." || $file == "..") continue; // пропустить ссылки на другие папки
 $file_parts = explode(".",$file); // разделить имя файла и поместить его в массив
 $ext = strtolower(array_pop($file_parts)); // последний элемент - это расширение
 if(in_array($ext,$allowed_types))
 {
 echo '<figure class="figure"><img src="'.$directory.'/'.$file.'" class="rounded m-1" style="object-fit: cover; width: 280px; height: 180px;" onclick="openImageWindow(this.src);" title="'.$file.'" /><figcaption class="figure-caption text-center">'.$file.'</figcaption></figure>';
 $i++;
 }
 }
closedir($dir_handle); //закрыть папку
?>