| <!DOCTYPE html> |
| <html lang="zh-CN"> |
| <head> |
| <meta charset="UTF-8"> |
| <title>简易网络相册</title> |
| <link rel="stylesheet" href="styles.css"> |
| <style> |
| .albums-grid { |
| display: grid; |
| grid-template-columns: repeat(5, 1fr); |
| gap: 10px; |
| } |
| .albums-grid li { |
| list-style: none; |
| } |
| </style> |
| </head> |
| <body> |
| <a href="manage_albums.php">管理相册</a> <!-- 新增的管理相册链接 --> |
| <ul class="albums-grid"> |
| <?php |
| $albumDir = 'albums/'; |
| $albums = glob($albumDir . '*.txt'); |
| foreach ($albums as $index => $album) { |
| $albumName = basename($album, '.txt'); |
| $imageUrls = file($album, FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES); |
| $thumbnailUrl = $imageUrls[0]; |
|
|
| |
| echo "<li><a href='show_album.php?album=$albumName'>"; |
| echo "<img src='$thumbnailUrl' alt='Thumbnail' class='album-thumbnail'></a>"; |
| echo "<a href='show_album.php?album=$albumName'>$albumName</a></li>"; |
|
|
| |
| if (($index + 1) % 4 == 0) { |
| echo "</ul><ul class='albums-grid'>"; |
| } |
| } |
| echo "</ul>"; |
| ?> |
| </body> |
| </html> |
|
|
