gallery.php

photos.php

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Photos</title>
<style type="text/css">
 	a:link   {text-decoration: none; color: #DDDDFF}
	a:visited {text-decoration: none; color: #CCCCEE}
	a:hover  {text-decoration: underline; color: #EEEEff}
		
 	a.link2:link    {text-decoration: none; color: #BBBBBB}
	a.link2:visited {text-decoration: none; color: #AAAAAA}
	a.link2:hover   {text-decoration: underline; color: #DDDDDD}		
</style>
</head>
<body bgcolor="#494949" vlink="#999999" link="#CCCCCC">
<div align="center">
<?php

// Change this to how many images you have
$nTotalImages = 10;

// Get the variable $nImage from url encoding, or set to 1 if not present
if ( isset($_GET[ "image" ]) && is_numeric($_GET[ "image" ]) ) 
	{$nImage = $_GET [ "image" ];}
else
	{$nImage = 1;}
?>

<table width="300" border="0">
    <tr>
	
	<?php
	
	// Output the Navigational html code. That is, previous link/image num/next	link
	$previousImage = $nImage - 1;
	$nextImage = $nImage + 1;
	
	if ($nImage > 1) 
		echo '<td width="100"><b><a href="photos.php?image='.$previousImage.'"><-- Previous</a></b></td>';
		else echo '<td width="100"><b><-- Previous</b></td>';
		
	echo '<td width="100"><div align="center"><b><a href="gallery.php">Index</a></b></div></td>';
	
	if ($nImage < $nTotalImages) 
		echo '<td width="100"><div align="right"><b><a href="photos.php?image='.$nextImage.'">Next --></a></b></div></td>';
		else echo '<td width="100"><div align="right"><b>Next --></b></div></td>';		
	?>

</tr>
  </table>

<?php  
// Use $nImage as the .jpg name
echo '<b>'.$nImage.' of '.$nTotalImages.'</b><br>';
echo "<img src = $nImage.jpg border = 2>"
?>

Back to php page