Show Source Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--
The Chinese Zodiac
Amy Tavakouli
June 23, 2014
ZodiacImageGallery.php
-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Zodiac Image Gallery</title>
<style>
form
{
width: 400px;
margin: 100px auto;
margin: 1em auto;
padding:0 2em 2em 2em ;
border:1px solid #bbb;
color: #e7c137;
background:#800080;
font: 0.9em verdana, sans-serif;
}
</style>
</head>
<body>
<FORM><p align='center'><INPUT Type="button" VALUE="Go Back" onClick="history.go(-1);return true;"></p></FORM>
<h1 style="text-align:center"><font color="purple">Zodiac Image Gallery</font></h1>
<p><h3 style="text-align:center"><font color="purple">Please click on one of the thumbnail images below to see an enlarged image.</font></h3></p>
<div id="content" style="background-color:#ffffff;height:500px;width:200px;float:left;margin-left:425px;">
<?php
$Array = array(
"Images/RAT.jpg" => "Rat",
"Images/OX.jpg" => "Ox",
"Images/TIGER.jpg" => "Tiger",
"Images/HARE.jpg" => "Hare",
"Images/DRAGON.jpg" => "Dragon",
"Images/SNAKE.jpg" => "Snake",
"Images/HORSE.jpg" => "Horse",
"Images/GOAT.jpg" => "Goat",
"Images/MONKEY.jpg" => "Monkey",
"Images/ROOSTER.jpg" => "Rooster",
"Images/DOG.jpg" => "Dog",
"Images/PIG.jpg" => "Pig");
echo "<p><a href=\"Images/RAT.jpg\"><img src=\"Images/RAT.jpg";
foreach ($Array as $Sign) {
echo "\" alt=\"" . $Sign . "\" height=\"125\" width=\"100\"/></a> " . $Sign . "<br /><a href=\"" . key($Array) . "\"><img src=\"" . key($Array);
next($Array);
}
echo "</p>";
?>
</body>
</html>