<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Zodiac Gallery</title>
</head>
<body>
<h2 style="text-align:center">Zodiac Gallery</h2>
<p>Click a thumbnail image to see enlarged view.</p>
<?php
$SignsArray = array("images/rat.jpg" => "Rat",
"images/ox.jpg" => "Ox",
"images/tiger.jpg" => "Tiger",
"images/rabbit.jpg" => "Rabbit",
"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");
//$count = count($SignsArray);
echo "<p><a href=\"images/rat.jpg\"><img src=\"images/rat.jpg";
foreach ($SignsArray as $Sign) {
// echo "<img src=\"" . key($SignsArray) . "\" alt=\"" . $Sign . "\" height=\"25\" width=\"25\"/> ";
echo "\" alt=\"" . $Sign . "\" height=\"25\" width=\"25\"/></a> " . $Sign . "<br /><a href=\"" . key($SignsArray) . "\"><img src=\"" . key($SignsArray);
next($SignsArray);
}
echo "</p>";
?>
</body>
</html>