Scripts

Foto viewer

-04-07-2005 00:00 -9.906 views

Een kleine simpele foto viewer die je de foto's van 101.jpg tot maakt niet uit waar. Het enige wat ontbreekt is een stop zodat je bij het einde niet opnieuw op "volgende pagina" kunt klikken. Je krijgt 1 grote foto met daaronder een aantal kleine thumbnails te zien.

Download alle bestanden als ZIP

foto-viewer


[code]
<html>
<head>
<style type="text/css">
.mlink {
 font-family: comic sans ms, times new roman;
 font-color: black;
 text-decoration : none;
}
.link:link {
 text-decoration : none;
 color: blue;
}
.link:visited {
 text-decoration : none;
 color: blue;
}
.link:hover {
 text-decoration : none;
 color: green;
}
</style>
	<title>Fotos lustrum van DE Tennisclub</title>
</head>
<body bgcolor="#FA5820">
<font face="comic sans ms">
<?php
if(empty($_GET["foto"])){
  ?><center>
<table align="center" bgcolor="green">
<tr></tr>
<tr><td></td><td>
<img src="images/lustrum101.jpg" width="400">

</td><td></td></tr><tr></tr>
</table>
<table align="center">
<tr><?php
for($i=101; $i<=109; $i++){
  echo("<td><a href=$SERVER['PHP_SELF']?foto=images/lustrum$i.jpg>
  <img src=\"images/lustrum$i.jpg\" width=100 height=100 border=0></td>\n");
}
?>
</tr>
</table>
<div align=right title\"Vorige serie foto's\">
<a class=link href=$SERVER['PHP_SELF']?foto=images/lustrum110.jpg&pb=110&pe=119>
    Volgende pagina</a>
</div>
 



</table>
<?php
}else{
$foto=$_GET["foto"];
?>
<center>
<table align="center" bgcolor="green">
<tr></tr>
<tr><td></td><td>
<?php
//vergroot plaatje, gekozen
$afmetingen = getimagesize($foto);

$bronbreedte = $afmetingen[0];
$bronhoogte  = $afmetingen[1];

if($bronbreedte > $bronhoogte){
?>
<img src=<?php echo($foto);?> width="400">
<?php
}else{
?>
<img src=<?php echo($foto);?> height="400">
<?php
}
?>

</td><td></td></tr><tr></tr>
</table>
<table align="center">
<tr>
<?php
if(empty($_GET['pb'])){
  for($i=101; $i<=109; $i++){
  echo("<td><a href=$SERVER['PHP_SELF']?foto=images/lustrum$i.jpg>
  <img width=100 height=100 border=0 src=\"images/lustrum$i.jpg\"></td>");
}
echo("
</tr>
</table>
<div align=right title=\"Volgende serie foto's\">
<a class=link href=$SERVER['PHP_SELF']?foto=images/lustrum110.jpg&pb=110&pe=119>
    Volgende pagina</a>
</div>

");
}else{
$paginab=$_GET["pb"];
$paginae=$_GET["pe"];

for($i=$paginab; $i<$paginae; $i++){
  echo("<td><a href=$SERVER['PHP_SELF']?foto=images/lustrum$i.jpg>
  <img width=100 height=100 border=0 src=\"images/lustrum$i.jpg\"></td>");
}
$bvolgende=$paginab+9;
$evolgende=$paginae+9;
$bvorige=$paginab-9;
$evorige=$paginae-9;
echo("
</tr>
</table>
<div align=left title=\"Vorige serie foto's\">
<a class=link href=$SERVER['PHP_SELF']?foto=images/lustrum$bvorige.jpg&pb=$bvorige&pe=$evorige>
    Vorige pagina</a>
</div><div align=right title=\"Volgende serie foto's\">
<a class=link href=$SERVER['PHP_SELF']?foto=images/lustrum$bvolgende.jpg&pb=$bvolgende&pe=$evolgende>
    Volgende pagina</a>
</div>

");
}
}
?>

</body>
</html>
[/code]