//=============script info for those with old browsers==============//
//======================don't copy these lines======================//
//==============================script==============================//
if(document.getElementById){
//First map area
if(fstDay != ''){
document.getElementById('fst').href= fstTag.slice(3,26)+'';
}
//Previous map area
if(prvDay != ''){
document.getElementById('prv').href= prvTag.slice(3,26)+'';
}
//Next map area
if(nxtDay.length == 26){
document.getElementById('nxt').href= nxtTag.slice(3,11)+'';
}
if(nxtDay.length == 41){
document.getElementById('nxt').href= nxtTag.slice(3,26)+'';
}
}
else if(document.all){
//First map area
if(fstDay != ''){
document.all['fst'].href= fstTag.slice(3,26)+'';
}
//Previous map area
if(prvDay != ''){
document.all['prv'].href= prvTag.slice(3,26)+'';
}
//Next map area
if(nxtDay.length == 26){
document.all['nxt'].href= nxtTag.slice(3,11)+'';
}
if(nxtDay.length == 41){
document.all['nxt'].href= nxtTag.slice(3,26)+'';
}
}
//These lines generate a message to people with way out-of-date browsers that don't support this level of scripting.
//Feel free to change or delete.
else{
alert('Your browser is way, way out of date. Can you get Mozilla ( http://www.mozilla.org ), please?');
}
//============================end script============================//
This script modifes the href's of an imagemap's areas to match whatever the navigtion tags and the like) would produce.
1: Either copy and paste the code above and save the file as imagemaps.js, or grab the script from http://gear.keenspace.com/scripts/imagemaps.js.
Upload the script into /images/
>2: Put the following between the tags:
3: Make your image map like so; the SHAPEs and COORDS can be changed to suit.
I haven't included an area for the tag as it only ever points to / (that is /index.html), so it can just be put in like any other areas you want to add.