Cambiar una zona al pasar el raton

[dmm84]

al final lo e solucionado sin javascript:

Código HTML:

<span id="uno">
<a href="#" id="primero"></a>
<span id="dos">
<a href="#" id="segundo"></a>
<span id="tres">
<a href="#" id="tercero"></a>
</span></span></span>
 

Código CSS:

#primero,
#segundo,
#tercero { background:url(fotoA.jpg) no-repeat; padding-bottom:5px; padding-left:10px;}
 
#uno:hover #primero { background:url(fotoB.jpg) no-repeat; padding-bottom:5px; padding-left:10px;}
#dos:hover #segundo { background:url(fotoB.jpg) no-repeat; padding-bottom:5px; padding-left:20px;}
#tres:hover #tercero { background:url(fotoB.jpg) no-repeat; padding-bottom:5px; padding-left:10px;}
 

Solo hay que ser persistente hasta que las cosas salgan :)