I am having trouble with my header, which is an image map. The header image uses a java script (an image fader like this http://www.dynamicdrive.com/forums/archive...hp/t-12552.html And at the bottom of the image there are words (Home, About, News, etc). However I can't seem to get my image to contain the separate links for each word. Here's the beginning part of it:
_______________________________________________
<HTML>
<HEAD>
<TITLE>SKATEJAX.com l Covering Jacksonville's Skate Scene...</TITLE>
<link href="style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="fadeslideshow.js">
/***********************************************
* Ultimate Fade In Slideshow v2.0- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>
<script type="text/javascript">
var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [617, 320], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["img/header-01.jpg", "", ""],
["img/header-02.jpg", "", ""],
["img/header-03.jpg", "", ""],
["img/header-04.jpg", "", ""],
["img/header-05.jpg", "", ""],
["img/header-06.jpg", "", ""],
["img/header-07.jpg", "", ""],
["img/header-08.jpg", "", ""],
["img/header-09.jpg", "", ""],
["img/header-10.jpg", "", ""],
["img/header-11.jpg", "", ""],
["img/header-12.jpg", "", ""],
["img/header-13.jpg", "", ""],
["img/header-14.jpg", "", ""],
["img/header-15.jpg", "", ""],
["img/header-16.jpg", "", ""],
["img/header-17.jpg", "", ""],
["img/header-18.jpg", "", ""] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: ""
})
</script>
</head>
<BODY BGCOLOR=#000000>
<table width="617" border="0" cellpadding="0" cellspacing="0" bordercolor="#000000" bgcolor="#000000">
<tr>
<td>
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0>
<td>
</tr>
</table>
<img src="img/header-00.gif" width="617" height="320" border="0" alt="" usemap="#Map"><div id="fadeshow1"></div>
<map name="Map">
<area shape="rect" alt="myspace" coords="527,297,609,319" href="http://www.myspace.com" target="_top">
<area shape="rect" alt="about" coords="453,297,517,311" href="whoarewe.html" target="_self">
<area shape="rect" alt="forum" coords="394,297,442,311" href="forum" target="_top">
<area shape="rect" alt="video" coords="323,297,383,311" href="montage.html" target="_self">
<area shape="rect" alt="parks" coords="270,297,311,311" href="parks.html" target="_self">
<area shape="rect" alt="spots" coords="218,297,257,311" href="newspots.html" target="_self">
<area shape="rect" alt="home" coords="167,297,206,312" href="index.html" target="_self">
</map>
</div>
<table width="617" border="0" cellspacing="4" cellpadding="4">
<tr>
<td valign="top" bgcolor="#000000">
<p>
<br>
</td>
</tr>
</table>
</td>
</tr>
</table>
</BODY>
</HTML>
________________________________
Let me know what's up! Thanks.