Cambiar imagen atraves de mapa

[Faby.lp]

Hola,

a ver si alguien me puede ayudar. Lo que quiero es hacer un mapa de imagen que al seleccionar una zona del mismo cambie otra imagen de la pagina web. Por ejemplo, en una foto de varias personas, al seleccionar a Pedro, el grafico del titulo pasa a decir "Pedro", si seleccionas Maria pues Maria, etc. Eso es lo que tengo en mente para algo que estoy haciendo.

Si alguien me ayuda lo agradeceria mucho.

Gracias,
Faby.

[Fabu_dina]

dentro de tu imagen pones lo siguiente

<area shape="rect" coords="396,5,413,19" href="http://www.hotmail.com" target="_blank" ONMOUSEOVER="pop('imagen.gif','Titulo','#84B5FF'); " ONMOUSEOUT="kill()";>

y las funciones que lo hacen seria:

<SCRIPT>

//var nav = (document.layers);
var nav = ((document.getElementById ||document.layers)&&(!document.all))
var iex = (document.all);
var skn = (nav) ? document.topdeck : topdeck.style;
if (nav) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse;



function pop(logo,msg,bak)
{

var content ="<TABLE WIDTH=130 BORDER=1 CELLPADDING=2 CELLSPACING=0 BGCOLOR=#FFFFFF><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD><CENTER><FONT COLOR=#FFFFFF SIZE=2><B><img src=../img/menu/"+logo+" width=112 height=21></B></FONT></CENTER></TD></TR></TABLE><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR="+bak+"></TABLE></TD></TR></TABLE>";

if (nav)
{
skn.document.write(content);
skn.document.close();
skn.visibility = "visible";
self.status = msg;
}
else if (iex)
{
document.all("topdeck").innerHTML = content;
skn.visibility = "visible";
}
}

function get_mouse(e)
{
var x = (nav) ? e.pageX : event.x+document.body.scrollLeft;
var y = (nav) ? e.pageY : event.y+document.body.scrollTop;
// skn.left = x - 60;
// skn.top = y-35;
skn.left = 0;
skn.top = 233;
}

function kill()
{
skn.visibility = "hidden";
}

</SCRIPT>

El problema es que solo funciona con IE si encuentras la forma de hacerlo posible con Netscape y me pasas la solucion te lo agradeceria mucho