Tijden veranderen
foto's weergeven uit directory
Ik ben opzoek naar een scriptje die foto's uit een directory weergeeft (gifs, jpg etc). het liefst wil ik het een en ander wel aan kunnen passen maar wat ik eigenlijk wil is de foto's horizontaal naast elkaar weergeven en wil ze dan ook horizontaal laten scrollen (net als tekst maar dan plaatjes). Wie kan me hier aan helpen, is zo iets hier te vinden, heeft iemand zoiets voor me?
al vast bedankt
Remon
Niet helemaal wat je bedoeld, maar om je een eindje te helpen.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<?php
# De directory met afbeeldingen welke moeten worden getoond.
$d = dir("/var/www/html/purry");
# Start HTML en stel style's in.
echo "<html>\n<head><title>Foto's van de purry's</title>";
echo "</head>\n";
echo "<style><!-- table {color:#333333; font-size:8pt; font-family:'Verdana';} --></style>\n";
echo "<style><!-- a {color:#333333; font-size:8pt; font-family:'Verdana';} --></style>\n";
echo "<style><!-- th {color:#000044; font-size:12pt; font-family:'Verdana';} --></style>\n";
echo "<body bgcolor='silver'>\n";
echo "<table align='center' border='0'>\n";
echo "<tr><th>Foto's van de Purry's</th></tr>\n";
# Open de diretory in lees de bestanden in welke eindigen op .jpg en stop deze in een array.
while(false !== ($entry = $d->read())) {
if (eregi(".jpg$", $entry))
{
$images[] = $entry;
}
}
# Stel een aantal variabelen in welke in de links worden gebruikt on te navigeren.
$vorige = $im -1;
$volgende = $im +1;
$laatste = count($images) -1;
# Sorteer de array op volgorde van-naam van de afbeeldingen.
sort($images);
reset($images);
# Stel array-key 0 in als er geen navigatie is geweest. (De eerste maal oproepen v.d. pagina)
if (!ISSET($im))
{
$im = 0;
# } else {
}
# Haal gegevens op van het te presenteren bestand.
list($width, $height, $type, $attr) = getimagesize($images[$im]);
# Verklein het formaat van de presentatie, de originele afbeeldings grootte blijft ongewijzigd.
$im_h = round($height /3);
$im_w = round($width /3);
# Presenteer de afbeelding.
echo "<tr><td align='center'><img src='$images[$im]' alt='$images[$im]' height='$im_h' width='$im_w'></td></tr>\n";
# Presenteer gegevens van de afbeelding. (1e regel heeft extra optie's)
#echo "<tr><td align='center'>Width: $width | Height: $height | Type: $type | Attr: $attr </td></tr>\n";
echo "<tr><td align='center'>Afbeelding: $images[$im] | Datum: ".date ("d F Y", filemtime($images[$im]))." | Tijd: ".date ("H:i:s", filemtime($images[$im]))." | Width: $width px | Height: $height px | No: $im/$laatste</td></tr>\n";
########## Afbeeldingen Links ##########
echo "<tr><td align='center'>";
# Link naar Vorige afbeelding.
if ($im != 0)
{
echo "<a href='?im=$vorige'><img src='$images[$vorige]' alt='$images[$vorige]' height='64' width='96' border='0'></a>";
# } else {
}
echo " ";
# Link naar Vogende afbeelding.
if ($im != count($images) -1)
{
echo "<a href='?im=$volgende'><img src='$images[$volgende]' alt='$images[$volgende]' height='64' width='96' border='0'></a>";
# } else {
}
echo "</td></tr>\n";
########## Tekstuele links ##########
echo "<tr><td align='center'>";
# Link naar Eerste afbeelding.
echo "<a href='?im=0' title='Bekijk de Eerste foto.'>Eerste</a> | ";
# Link naar Vorige afbeelding (als deze bestaat).
if ($im == 0)
{
echo "<a title='Dit is de eerste foto en er is dus geen Vorige foto.'>Vorige</a> | ";
} else {
echo "<a href='?im=$vorige' title='Bekijk de Vorige foto.'>Vorige</a> | ";
}
# Link naar Volgende afbeelding (als deze bestaat).
if ($im == count($images) -1)
{
echo "<a title='Dit is de laatste foto en er is dus geen Volgende foto.'>Volgende</a> | ";
} else {
echo "<a href='?im=$volgende' title='Bekijk de Volgende foto.'>Volgende</a> | ";
}
# Link naar Laatste foto.
echo "<a href='?im=$laatste' title='Bekijk de Laatste foto.'>Laatste</a> ";
echo "</td></tr>\n";
echo "</table>\n</body>\n</html>";
# Sluit de 'directory-read' handle/pointer.
$d->close();
?>
# De directory met afbeeldingen welke moeten worden getoond.
$d = dir("/var/www/html/purry");
# Start HTML en stel style's in.
echo "<html>\n<head><title>Foto's van de purry's</title>";
echo "</head>\n";
echo "<style><!-- table {color:#333333; font-size:8pt; font-family:'Verdana';} --></style>\n";
echo "<style><!-- a {color:#333333; font-size:8pt; font-family:'Verdana';} --></style>\n";
echo "<style><!-- th {color:#000044; font-size:12pt; font-family:'Verdana';} --></style>\n";
echo "<body bgcolor='silver'>\n";
echo "<table align='center' border='0'>\n";
echo "<tr><th>Foto's van de Purry's</th></tr>\n";
# Open de diretory in lees de bestanden in welke eindigen op .jpg en stop deze in een array.
while(false !== ($entry = $d->read())) {
if (eregi(".jpg$", $entry))
{
$images[] = $entry;
}
}
# Stel een aantal variabelen in welke in de links worden gebruikt on te navigeren.
$vorige = $im -1;
$volgende = $im +1;
$laatste = count($images) -1;
# Sorteer de array op volgorde van-naam van de afbeeldingen.
sort($images);
reset($images);
# Stel array-key 0 in als er geen navigatie is geweest. (De eerste maal oproepen v.d. pagina)
if (!ISSET($im))
{
$im = 0;
# } else {
}
# Haal gegevens op van het te presenteren bestand.
list($width, $height, $type, $attr) = getimagesize($images[$im]);
# Verklein het formaat van de presentatie, de originele afbeeldings grootte blijft ongewijzigd.
$im_h = round($height /3);
$im_w = round($width /3);
# Presenteer de afbeelding.
echo "<tr><td align='center'><img src='$images[$im]' alt='$images[$im]' height='$im_h' width='$im_w'></td></tr>\n";
# Presenteer gegevens van de afbeelding. (1e regel heeft extra optie's)
#echo "<tr><td align='center'>Width: $width | Height: $height | Type: $type | Attr: $attr </td></tr>\n";
echo "<tr><td align='center'>Afbeelding: $images[$im] | Datum: ".date ("d F Y", filemtime($images[$im]))." | Tijd: ".date ("H:i:s", filemtime($images[$im]))." | Width: $width px | Height: $height px | No: $im/$laatste</td></tr>\n";
########## Afbeeldingen Links ##########
echo "<tr><td align='center'>";
# Link naar Vorige afbeelding.
if ($im != 0)
{
echo "<a href='?im=$vorige'><img src='$images[$vorige]' alt='$images[$vorige]' height='64' width='96' border='0'></a>";
# } else {
}
echo " ";
# Link naar Vogende afbeelding.
if ($im != count($images) -1)
{
echo "<a href='?im=$volgende'><img src='$images[$volgende]' alt='$images[$volgende]' height='64' width='96' border='0'></a>";
# } else {
}
echo "</td></tr>\n";
########## Tekstuele links ##########
echo "<tr><td align='center'>";
# Link naar Eerste afbeelding.
echo "<a href='?im=0' title='Bekijk de Eerste foto.'>Eerste</a> | ";
# Link naar Vorige afbeelding (als deze bestaat).
if ($im == 0)
{
echo "<a title='Dit is de eerste foto en er is dus geen Vorige foto.'>Vorige</a> | ";
} else {
echo "<a href='?im=$vorige' title='Bekijk de Vorige foto.'>Vorige</a> | ";
}
# Link naar Volgende afbeelding (als deze bestaat).
if ($im == count($images) -1)
{
echo "<a title='Dit is de laatste foto en er is dus geen Volgende foto.'>Volgende</a> | ";
} else {
echo "<a href='?im=$volgende' title='Bekijk de Volgende foto.'>Volgende</a> | ";
}
# Link naar Laatste foto.
echo "<a href='?im=$laatste' title='Bekijk de Laatste foto.'>Laatste</a> ";
echo "</td></tr>\n";
echo "</table>\n</body>\n</html>";
# Sluit de 'directory-read' handle/pointer.
$d->close();
?>