Initiale Version
Jan Unger
16
Kapitel_3/Lektion_8/fotogalerie/foto.php
Executable file
@@ -0,0 +1,16 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Fotogalerie - Foto 1.jpg</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Foto 1.jpg</h1>
|
||||
<p>
|
||||
<img src="fotos/1.jpg" alt="1.jpg">
|
||||
</p>
|
||||
<p>
|
||||
<a href="index.php">Zurück</a>
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
BIN
Kapitel_3/Lektion_8/fotogalerie/fotos/1.jpg
Executable file
|
After Width: | Height: | Size: 118 KiB |
BIN
Kapitel_3/Lektion_8/fotogalerie/fotos/2.jpg
Executable file
|
After Width: | Height: | Size: 128 KiB |
BIN
Kapitel_3/Lektion_8/fotogalerie/fotos/3.jpg
Executable file
|
After Width: | Height: | Size: 99 KiB |
BIN
Kapitel_3/Lektion_8/fotogalerie/fotos/4.jpg
Executable file
|
After Width: | Height: | Size: 108 KiB |
BIN
Kapitel_3/Lektion_8/fotogalerie/fotos/5.jpg
Executable file
|
After Width: | Height: | Size: 95 KiB |
BIN
Kapitel_3/Lektion_8/fotogalerie/fotos/6.jpg
Executable file
|
After Width: | Height: | Size: 96 KiB |
BIN
Kapitel_3/Lektion_8/fotogalerie/fotos/7.jpg
Executable file
|
After Width: | Height: | Size: 96 KiB |
BIN
Kapitel_3/Lektion_8/fotogalerie/fotos/8.jpg
Executable file
|
After Width: | Height: | Size: 97 KiB |
BIN
Kapitel_3/Lektion_8/fotogalerie/fotos/9.jpg
Executable file
|
After Width: | Height: | Size: 135 KiB |
83
Kapitel_3/Lektion_8/fotogalerie/index.php
Executable file
@@ -0,0 +1,83 @@
|
||||
<?php
|
||||
|
||||
$fotos = [
|
||||
[
|
||||
'dateiname' => '1.jpg',
|
||||
'tags' => 'Industrie'
|
||||
],
|
||||
[
|
||||
'dateiname' => '2.jpg',
|
||||
'tags' => 'Gebäude'
|
||||
],
|
||||
[
|
||||
'dateiname' => '3.jpg',
|
||||
'tags' => 'Gebäude, Natur'
|
||||
],
|
||||
[
|
||||
'dateiname' => '4.jpg',
|
||||
'tags' => 'Industrie'
|
||||
],
|
||||
[
|
||||
'dateiname' => '5.jpg',
|
||||
'tags' => 'Natur'
|
||||
],
|
||||
[
|
||||
'dateiname' => '6.jpg',
|
||||
'tags' => 'Gebäude, Natur'
|
||||
],
|
||||
[
|
||||
'dateiname' => '7.jpg',
|
||||
'tags' => 'Natur'
|
||||
],
|
||||
[
|
||||
'dateiname' => '8.jpg',
|
||||
'tags' => 'Gebäude'
|
||||
],
|
||||
[
|
||||
'dateiname' => '9.jpg',
|
||||
'tags' => 'Industrie'
|
||||
]
|
||||
];
|
||||
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Fotogalerie</title>
|
||||
<style>
|
||||
.miniatur {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.miniatur img {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.clearfix {
|
||||
clear: both;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Fotogalerie</h1>
|
||||
<p>1 von 1 Fotos</p>
|
||||
<div>
|
||||
<div class="miniatur" style="float: left;">
|
||||
<a href="fotos/1.jpg">
|
||||
<img src="miniaturen/1.jpg" alt="1.jpg">
|
||||
</a>
|
||||
</div>
|
||||
Dateiname: 1.jpg<br>
|
||||
Tags: Industrie
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
<div>
|
||||
<form action="index.php" method="post">
|
||||
<label for="suchbegriff">Suchbegriff:</label>
|
||||
<input type="text" id="suchbegriff" name="suchbegriff" value=""/>
|
||||
<button type="submit">Anwenden</button>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
BIN
Kapitel_3/Lektion_8/fotogalerie/miniaturen/1.jpg
Executable file
|
After Width: | Height: | Size: 11 KiB |
BIN
Kapitel_3/Lektion_8/fotogalerie/miniaturen/2.jpg
Executable file
|
After Width: | Height: | Size: 12 KiB |
BIN
Kapitel_3/Lektion_8/fotogalerie/miniaturen/3.jpg
Executable file
|
After Width: | Height: | Size: 11 KiB |
BIN
Kapitel_3/Lektion_8/fotogalerie/miniaturen/4.jpg
Executable file
|
After Width: | Height: | Size: 12 KiB |
BIN
Kapitel_3/Lektion_8/fotogalerie/miniaturen/5.jpg
Executable file
|
After Width: | Height: | Size: 11 KiB |
BIN
Kapitel_3/Lektion_8/fotogalerie/miniaturen/6.jpg
Executable file
|
After Width: | Height: | Size: 12 KiB |
BIN
Kapitel_3/Lektion_8/fotogalerie/miniaturen/7.jpg
Executable file
|
After Width: | Height: | Size: 11 KiB |
BIN
Kapitel_3/Lektion_8/fotogalerie/miniaturen/8.jpg
Executable file
|
After Width: | Height: | Size: 12 KiB |
BIN
Kapitel_3/Lektion_8/fotogalerie/miniaturen/9.jpg
Executable file
|
After Width: | Height: | Size: 18 KiB |