Initial commit
This commit is contained in:
Marc MAURICE
commit
9d51c7b1a4
2 changed files with 246 additions and 0 deletions
129
index.php
Normal file
129
index.php
Normal file
|
|
@ -0,0 +1,129 @@
|
||||||
|
<?php
|
||||||
|
header('Content-Type: text/html; charset=utf-8');
|
||||||
|
header('Expires: '.gmdate('D, d M Y H:i:s \G\M\T', time() + 3600));
|
||||||
|
?>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<style type="text/css">
|
||||||
|
img {
|
||||||
|
border: 0;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.square {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.image {
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
display: table-cell;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<?php
|
||||||
|
|
||||||
|
function getPreview($imgFile, $maxSize)
|
||||||
|
{
|
||||||
|
# example: data/myalbum/100.mypic.jpg
|
||||||
|
$newImgFile = "data/".dirname($imgFile)."/".$maxSize.".".basename($imgFile);
|
||||||
|
|
||||||
|
if (! is_file($newImgFile))
|
||||||
|
{
|
||||||
|
$img = imagecreatefromjpeg($imgFile);
|
||||||
|
|
||||||
|
$w = imagesx($img);
|
||||||
|
$h = imagesy($img);
|
||||||
|
# don't do anything if the image is already small
|
||||||
|
if ($w <= $maxSize and $h <= $maxSize) {
|
||||||
|
imagedestroy($img);
|
||||||
|
return $imgFile;
|
||||||
|
}
|
||||||
|
|
||||||
|
# create the thumbs directory recursively
|
||||||
|
if (! is_dir(dirname($newImgFile))) mkdir(dirname($newImgFile), 0777, true);
|
||||||
|
|
||||||
|
if ($w > $h) {
|
||||||
|
$newW = $maxSize;
|
||||||
|
$newH = $h/($w/$maxSize);
|
||||||
|
} else {
|
||||||
|
$newW = $w/($h/$maxSize);
|
||||||
|
$newH = $maxSize;
|
||||||
|
}
|
||||||
|
|
||||||
|
$newImg = imagecreatetruecolor($newW, $newH);
|
||||||
|
|
||||||
|
imagecopyresampled($newImg, $img, 0, 0, 0, 0, $newW, $newH, $w, $h);
|
||||||
|
|
||||||
|
imagejpeg($newImg, $newImgFile);
|
||||||
|
|
||||||
|
imagedestroy($img);
|
||||||
|
imagedestroy($newImg);
|
||||||
|
}
|
||||||
|
|
||||||
|
return dirname($_SERVER["SCRIPT_NAME"])."/".$newImgFile;
|
||||||
|
}
|
||||||
|
|
||||||
|
function getAlbumPreview($dir)
|
||||||
|
{
|
||||||
|
foreach (scandir($dir) as $file) if ($file != '.' and $file != '..') {
|
||||||
|
if (mime_content_type("$dir/$file") == "image/jpeg")
|
||||||
|
return getPreview("$dir/$file", 100);
|
||||||
|
}
|
||||||
|
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
$shortPath = isset($_SERVER["PATH_INFO"]) ? $_SERVER["PATH_INFO"] : "";
|
||||||
|
if ($shortPath == '/') $shortPath = '';
|
||||||
|
$scriptUrlPath = substr($_SERVER["SCRIPT_NAME"], 0, -4); // trim .php
|
||||||
|
|
||||||
|
$imageFiles = array();
|
||||||
|
$otherFiles = array();
|
||||||
|
|
||||||
|
$realDir = "images$shortPath";
|
||||||
|
|
||||||
|
foreach (scandir($realDir) as $file) if ($file != '.')
|
||||||
|
{
|
||||||
|
if ($file == '..')
|
||||||
|
{
|
||||||
|
echo "<div><a href=\"$scriptUrlPath".dirname($shortPath)."/\">..</a></div>\n";
|
||||||
|
}
|
||||||
|
elseif (is_dir("$realDir/$file"))
|
||||||
|
{
|
||||||
|
echo "<div>";
|
||||||
|
$preview = getAlbumPreview("$realDir/$file");
|
||||||
|
if ($preview !== '') {
|
||||||
|
echo "<img src=\"$preview\" /> ";
|
||||||
|
}
|
||||||
|
|
||||||
|
echo "<a href=\"$scriptUrlPath$shortPath/$file\">$file</a>";
|
||||||
|
echo "</div>\n";
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
$mime = mime_content_type("$realDir/$file");
|
||||||
|
|
||||||
|
if ($mime == "image/jpeg")
|
||||||
|
$imageFiles[] = $file;
|
||||||
|
else
|
||||||
|
$otherFiles[] = $file;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
foreach ($imageFiles as $file) {
|
||||||
|
echo "<div class=\"square\"><div class=\"image\"><a href=\"".dirname($scriptUrlPath)."/view/$shortPath/$file\"><img src=\"".getPreview("$realDir/$file", 100)."\" /></a></div></div>\n";
|
||||||
|
}
|
||||||
|
|
||||||
|
foreach ($otherFiles as $file) {
|
||||||
|
echo "<div><a href=\"".dirname($scriptUrlPath)."/$realDir/$file\">$file</a></div>\n";
|
||||||
|
}
|
||||||
|
|
||||||
|
?>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
117
view.php
Normal file
117
view.php
Normal file
|
|
@ -0,0 +1,117 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
$quickPath = isset($_SERVER["PATH_INFO"])?$_SERVER["PATH_INFO"]:"";
|
||||||
|
$scriptPath = $_SERVER["SCRIPT_NAME"];
|
||||||
|
|
||||||
|
$quickDir = dirname($quickPath);
|
||||||
|
$realDir = "images$quickDir";
|
||||||
|
|
||||||
|
$files = scandir($realDir);
|
||||||
|
$size = count($files);
|
||||||
|
|
||||||
|
$pos = array_search(basename($quickPath),$files);
|
||||||
|
|
||||||
|
$nextImage = '';
|
||||||
|
for ($next=$pos+1; $nextImage === '' and $next<$size ; $next++) {
|
||||||
|
$mime = mime_content_type("$realDir/$files[$next]");
|
||||||
|
if ($mime == "image/jpeg")
|
||||||
|
$nextImage = $files[$next];
|
||||||
|
}
|
||||||
|
|
||||||
|
$prevImage = '';
|
||||||
|
for ($prev=$pos-1; $prevImage === '' and $prev>=0 ; $prev--) {
|
||||||
|
$mime = mime_content_type("$realDir/$files[$prev]");
|
||||||
|
if ($mime == "image/jpeg")
|
||||||
|
$prevImage = $files[$prev];
|
||||||
|
}
|
||||||
|
|
||||||
|
$imageUrl = dirname($scriptPath)."/images$quickPath";
|
||||||
|
|
||||||
|
if ($nextImage === '') {
|
||||||
|
$nextImageUrl = '';
|
||||||
|
$nextPageUrl = '';
|
||||||
|
} else {
|
||||||
|
$nextImageUrl = dirname($scriptPath)."/images".dirname($quickPath)."/$nextImage";
|
||||||
|
$nextPageUrl = dirname($_SERVER["REQUEST_URI"])."/$nextImage";
|
||||||
|
}
|
||||||
|
if ($prevImage === '') $prevPageUrl = '';
|
||||||
|
else $prevPageUrl = dirname($_SERVER["REQUEST_URI"])."/$prevImage";
|
||||||
|
|
||||||
|
$directoryUrl = dirname($_SERVER["SCRIPT_NAME"])."/index".dirname($quickPath);
|
||||||
|
|
||||||
|
header('Content-Type: text/html; charset=utf-8');
|
||||||
|
header('Expires: '.gmdate('D, d M Y H:i:s \G\M\T', time() + 3600));
|
||||||
|
?>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<style type="text/css">
|
||||||
|
html, body {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
text-align: center;
|
||||||
|
background: black;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
#theimage {
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color: white;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
#next, #previous, #up {
|
||||||
|
position: fixed;
|
||||||
|
font-size: 4em;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
#up {
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
|
||||||
|
}
|
||||||
|
#next {
|
||||||
|
top: 50%;
|
||||||
|
right: -0;
|
||||||
|
|
||||||
|
}
|
||||||
|
#previous {
|
||||||
|
top: 50%;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
img {
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<?php if ($nextImageUrl !== '') { ?>
|
||||||
|
<link rel="prefetch" href="<?php echo $nextImageUrl ?>" />
|
||||||
|
<link rel="prefetch" href="<?php echo $nextPageUrl ?>" />
|
||||||
|
<?php } ?>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<a href="<?php echo $imageUrl ?>"><img src="<?php echo $imageUrl ?>" id="theimage" /></a>
|
||||||
|
|
||||||
|
<div id="up">
|
||||||
|
<a href="<?php echo $directoryUrl ?>" title="Back to directory">^</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<?php if ($nextPageUrl !== '') { ?>
|
||||||
|
<div id="next">
|
||||||
|
<a href="<?php echo $nextPageUrl ?>" title="Next image">></a>
|
||||||
|
</div>
|
||||||
|
<?php } ?>
|
||||||
|
|
||||||
|
<?php if ($prevPageUrl !== '') { ?>
|
||||||
|
<div id="previous">
|
||||||
|
<a href="<?php echo $nextPageUrl ?>" title="Previous image"><</a>
|
||||||
|
</div>
|
||||||
|
<?php } ?>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in a new issue