простой модуль фотогалереи

Сделать простой модуль фотогалереи (без использования базы данных)
модуль должен работать следующим образом:

1 папка - это 1 альбом
все файлы в папке - это фотографии в альбоме
чтобы создать обложку для альбома - нужно использовать такое же название картинки как и у папки, например:
3 альбома:
album1.jpg
album1/
1.jpg 2.jpg
3.jpg

album2.jpg
album2/
1.jpg
2.jpg
3.jpg

album3.jpg
album3/
1.jpg
2.jpg
3.jpg

album3/ - это папка альбома
все вложенные в папку файлы - это и есть фотографии альбома
album3.jpg - это обложка альбома

дизайн свободный

для просмотра фотографий можно использовать любой просмотрщик фотографий

написать с использованием ООП в PHP

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

Вот что я сделал, я так понял со временем, что в классе не должно быть html кода.

PHP:

1. ?php
2.  
3. ini_set('display_errors', 1);
4. error_reporting(E_ALL);
5.  
6. Class Gallary {
7.    
8.     public $category = [];
9.     public $album = [];
10.    
11.     public function getAllCategory($path)
12.     {
13.         $cdir = scandir($path);
14.         foreach ($cdir as $key => $value)
15.             {
16.                 if($value != '.' && $value != '..'){
17.                     $info = new SplFileInfo($value);
18.                     if($info->getExtension()) {
19.                         array_push($this->category, $value);
20.                     }
21.                 }
22.             }
23.            
24.          return $this->category;
25.     }
26.    
27.     public function getAlbum($name)
28.     {
29.          $cdir = scandir($name);
30.            foreach ($cdir as $key => $value) {
31.                 if($value != '.' && $value != '..'){
32.                     array_push($this->album, $value);
33.                 }
34.             }
35.             return $this->album;  
36.         }
37.  
38. }
39.  
40. $gallary = new Gallary;
41. ?>
42.  
43. <style>
44.     .cover {
45.         border: 10px solid;
46.         width: 300px;
47.         display: inline-block;
48.         vertical-align: top;
49.         border-radius: 10px;
50.         margin-top: 20px;
51.     }
52.    
53.     .cover:hover {
54.         cursor: pointer;
55.     }
56.     .center {
57.         text-align: center;
58.     }
59. </style>
60.  
61.  
62. <div class="center">
63.    <?php foreach($gallary->getAllCategory('gallery') as $category) : ?>
64.            <div class="cover">
65.            <img width="100%" src="gallery/<?= $category;?>">
66.            </div>
67.    <?php endforeach; ?>
68.  
69. </div>
70. <hr>
71. <div>
72.      <?php foreach($gallary->getAlbum($_GET['album'] ?? 'gallery/album1') as $image) : ?>
73.            <div class="cover">
74.            <img width="300px" class="album-image" src="<?= $_GET['album'] ?? 'gallery/album1';?>/<?= $image;?>">
75.            </div>
76.    <?php endforeach; ?>
77. </div>
78.  
79. <script>
80.     var covers = document.querySelector('.center');
81.    
82.  
83.     covers.addEventListener('click', function(e){
84.         if(e.target.hasAttribute('src')){
85.              var cover = e.target.getAttribute('src');
86.              var album = cover.replace(/\.[^.]+$/, "");
87.              document.location.href='/?album='+album;
88.            
89.         }
90.      
91.     });
92.    
93. </script>

 

@brevis Я думал про загрузку, но в описании нету. И не понимаю, для чего для такой задачи ООП.

 

@mkramer я это знаю, что использование классов !== ООП

 

@miketomlin в смысле сейчас нормально?