Code:
<!doctype=html>
<html>
<head> <title>C.I.S. Robotics</title>
<link href="cis.css" rel="stylesheet" type="text/css" />
</head>
<link rel="shortcut icon" href="favicon.ico" />
<script src="cis.js"></script>
</head>
<body>
<div id=index>
<img src="cislargelogo.png" width="1020" height="905" alt="Planets" usemap="#indexmap">
<map name="indexmap">
<area shape="poly" coords="274,36,738,36,649,189,364,189" href="media.html" alt="Media">
<area shape="poly" coords="747,44,973,435,798,436,658,196" href="offseason.html" alt="Offseason">
<area shape="poly" coords="795,447,975,447,748,839,658,686" href="outreach.html" alt="Outreach">
<area shape="poly" coords="367,691,648,691,742,849,273,849" href="competition.html" alt="Competition">
<area shape="poly" coords="227,451,360,682,267,838,44,451" href="leadership.html" alt="Leadership">
<area shape="poly" coords="39,441,221,441,358,201,267,47" href="awards.html" alt="Awards">
<area shape="poly" coords="364,189,649,189,658,196,798,436,795,447,658,686,648,691,367,691,360,682,227,451,221,441,358,201" href="home.html" alt="Home">
</map>
</div>
</body>
</html>
heres the whole page. I want it to work with the existing image map. is there a way to do this? also, would a redirect to a page with an animation and a delayed redirect accomplish the same thing? an animated gif wont work, as it needs the transparency.
The only issue that I can see with that is wierd reloads that defeat the purpose of it...or should I just combine my whole site into one page, and have that change states on it?