<?php
-function getPreview($imgFile, $maxSize)
+define('THUMB_SIZE', 100);
+
+function getPreview($imgFile, $maxSize = THUMB_SIZE)
{
# example: data/myalbum/100.mypic.jpg
$newImgFile = "data/".dirname($imgFile)."/".$maxSize.".".basename($imgFile);
{
foreach (scandir($dir) as $file) if ($file != '.' and $file != '..') {
if (strtolower(substr($file, -4)) == ".jpg")
- return getPreview("$dir/$file", 100);
+ return getPreview("$dir/$file");
}
return '';
}
-$shortPath = isset($_SERVER["PATH_INFO"]) ? $_SERVER["PATH_INFO"] : "";
-if ($shortPath == '/') $shortPath = '';
$scriptUrlPath = substr($_SERVER["SCRIPT_NAME"], 0, -4); // trim .php
+// if url == http://localhost/photos/index/toto/titi, path_info == /toto/titi
+// if url == http://localhost/photos/index, path_info is not set
+// if url == http://localhost/photos/, path_info is not set
+// if path_info is not set, we are at top level, so we redirect to /photos/index/
+if (! isset($_SERVER["PATH_INFO"])) {
+ header("Location: $scriptUrlPath/");
+ exit();
+}
+
+$shortPath = $_SERVER["PATH_INFO"];
+if ($shortPath == '/') $shortPath = '';
+// extra security check to avoid /photos/index/../.. like urls, maybe useless but..
+if (strpos($shortPath, '..') !== false) die(".. found in url");
+
$folders = array();
$imageFiles = array();
$otherFiles = array();
{
$ext = strtolower(substr($file, -4));
if ($ext == ".jpg")
- $imageFiles[] = array( "name" => $file, "url" => getPreview("$realDir/$file", 100), "link" => dirname($scriptUrlPath)."/view/$shortPath/$file" );
+ $imageFiles[] = array( "name" => $file, "url" => getPreview("$realDir/$file"), "link" => dirname($scriptUrlPath)."/view/$shortPath/$file" );
else
$otherFiles[] = array( "name" => $file, "link" => dirname($scriptUrlPath)."/$realDir/$file" );
}
<html>
<head>
<style type="text/css">
+body {
+ padding-top: 2em;
+}
img {
border: 0;
- vertical-align: middle;
}
-
+a {
+ text-decoration: none;
+}
.square {
display: inline-block;
}
-
.image {
- width: 100px;
- height: 100px;
+ width: <?php echo THUMB_SIZE ?>px;
+ height: <?php echo THUMB_SIZE ?>px;
display: table-cell;
text-align: center;
vertical-align: middle;
}
+.foldername {
+ height: <?php echo THUMB_SIZE ?>px;
+ display: table-cell;
+ vertical-align: middle;
+}
+#parentfolder {
+ position: fixed;
+ font-size: 4em;
+ font-weight: bold;
+ top: 0;
+ left: 0;
+}
</style>
</head>
<body>
<?php foreach($folders as $folder) { ?>
<div class="folder">
- <a href="<?php echo $folder["link"] ?>">
- <?php if ($folder["preview"] !== "") { ?>
- <img src="<?php echo $folder["preview"] ?>" />
+ <?php if ($folder["preview"] === "") { ?>
+ <a href="<?php echo $folder["link"] ?>"><?php echo $folder["name"] ?></a>
+ <?php } else { ?>
+ <div class="square"><div class="image"><a href="<?php echo $folder["link"] ?>"><img src="<?php echo $folder["preview"] ?>" /></a></div></div>
+ <div class="square"><div class="foldername"><a href="<?php echo $folder["link"] ?>"><?php echo $folder["name"] ?></a></div></div>
<?php } ?>
- <?php echo $folder["name"] ?>
- </a>
</div>
<?php } ?>