Something like this
<?php
// set main url here, ending forward slash is needed, leave blank if images aren't in a folder
$imagedirectory = "";
// create image variable using the part from url=
$theimg = $_GET['url'].'.jpg';
// concatenate $pathtoimages and $theimg
$fullpath = $imagedirectory.$theimg;
// check to see if the file exists on your server so people can just use any random file
$display = (file_exists($fullpath)) ? '<img src="'.$theimg.'" width="800" height="600" alt="">' : 'There is no image that matches your request.';
// if the url= isn't set then set the display to none
$show = (isset($_GET['url']) && file_exists($fullpath)) ? 'block' : 'none';
// create the style="display" part
$style = 'style="display:'.$show.'"';
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en-Latn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Text to image menu.</title>
<meta name="Author" content="Patrick Garies">
<meta name="Created" content="2007-12-26">
<meta name="Revised" content="2007-12-26">
<style type="text/css" media="all">
* {
margin: 0;
padding: 0;
}
html {
background: yellow;
color: black;
font: 16px/1.2 sans-serif;
}
a {
color: blue;
text-decoration: none;
outline: none;
}
a:visited {
color: purple;
}
a img {
border: none;
}
#header {
margin: 0 0 1em;
}
#home {
text-align:center;
position:absolute;
top:8px;
width:100%;
z-index:0;
}
.menu {
list-style: none;
margin-bottom:1em;
float:left;
margin-left:10em;
display:inline;
position:relative;
z-index:1;
}
.menu a {
display: inline;
}
.menu a:hover {
background: black;
color: #cff;
}
.menu2 {
float:right;
margin-right:10em;
display:inline;
}
#image {
margin:auto;
clear:both;
height:600px;
width:800px;
background: #eee;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<div id="home"><a href="<?php echo $_SERVER['PHP_SELF'];?>"><img height="32" alt="return to the home page" src="home.jpg" width="64"></a></div>
<ul class="menu">
<li><a href="<?php echo $_SERVER['PHP_SELF']?>?url=1">Tolpuddle martyrs museum</a></li>
<li><a href="<?php echo $_SERVER['PHP_SELF']?>?url=12">Lawrence of Arabia is buried here</a></li>
<li><a href="<?php echo $_SERVER['PHP_SELF']?>?url=13">Alresford High Street</a>
<li><a href="<?php echo $_SERVER['PHP_SELF']?>?url=16">Swanage - Sea front</a></li>
</ul>
<ul class="menu menu2">
<li><a href="<?php echo $_SERVER['PHP_SELF']?>?url=4">Higher Came Farm.</a> </li>
<li><a href="<?php echo $_SERVER['PHP_SELF']?>?url=7">In a Japanese Garden.</a> </li>
<li><a href="<?php echo $_SERVER['PHP_SELF']?>?url=steve6">Steve,on the Bluebell Railway.</a> </li>
<li><a href="<?php echo $_SERVER['PHP_SELF']?>?url=17">Horsted Keynes Station.</a></li>
</ul>
</div>
<div id="image" <?php echo $style; ?>><?php echo $display; ?></div>
</div>
</body>
</html>
Save that with a .php extension. Upload it to your webhost and click the links. The image should show up underneath the links. If the image doesn't exist nothing will show up.
