<?php
srand(time());
$n = (rand()%3);
echo("<img alt=\"header".$n."\" src=\"http://www.website.nl/kolom/bedrijf".$n.".PNG\" height=\"170\" width=\"170\" />");
?>
<?php
$dh = new DirectoryIterator( "pics" );
$files = array();
foreach( $dh as $file )
{
if ( preg_match( "/[.]jpg$/", $file ) ) $files []= "$file";
}
?>
<html>
<head>
<title>Slideshow</title>
<style>
body { background: black; }
#thumbnails { height: 140px; width: 100%; overflow: auto; }
#pic { text-align: center; height: 400px; padding: 20px; }
</style>
<script>
var image_list = [
<?php $first = true; foreach( $files as $image ) { ?>
<?php echo( $first ? "" : ", " ); ?>"<?php echo( $image ); ?>"
<?php $first = false; } ?>
];
var curimage = 0;
function switchimg( ind )
{
var image = image_list[ind];
var obj = document.getElementById( "selimg" );
obj.src = "scale.php?image="+image+"&y=400";
curimage = ind;
}
function nextimage()
{
curimage++;
if ( curimage >= image_list.length ) curimage = 0;
switchimg( curimage );
}
window.setInterval( "nextimage()", 5000 );
</script>
</head>
<body>
<div id="thumbnails">
<table width="100%">
<tr>
</tr>
</table>
</div>
<div id="pic">
<img id="selimg" height="400" src="scale.php?image=<?php echo($files[0]); ?>&y=400" />
</div>
</body><?php
$image = $_GET["image"];
$maxy = $_GET["y"];
$im = @imagecreatefromjpeg( "pics/".$image );
$curx = imagesx( $im );
$cury = imagesy( $im );
$ratio = $maxy / $cury;
$newx = $curx * $ratio;
$newy = $cury * $ratio;
$oim = imagecreatetruecolor( $newx, $newy );
imageantialias( $oim, true );
imagecopyresized( $oim, $im, 0, 0, 0, 0,
$newx, $newy, $curx, $cury );
header( "content-type: image/jpeg" );
imagejpeg( $oim );
?>
