Sustitucion de imagen al pasar por un sitio de la imagen

[kana]

Hola,

me gustaria saber como podria conseguir que al pasar por una zona determinada de una imagen, esta parte se cambiara por otra imagen.

Os cuento:

Tengo una imagen q es un circulo con tres puntas y quiero q al pasar el raton por una punta esta cambie por otra imagen q es igual lo unico q salga pulsada y con unas letras. Lo he intentado pero claro al hacer la imagen de sustitucion me cambia la imagen pasando por cualquier zona de la imagen.

Por favor ayudarme.

Un saludo.

[JhonDie]

kana:

Introduce este codigo Javascript en el Html de tu página, este es un tema de JavaScript no tanto de Html, este tipo de efecto se le llama RollOver

Código:

 <Script Language="JavaScript">
<!-- 
a1=new Image(59,47)
a1.src="imagen_normal.gif"
a2=new Image(59,47)
a2.src="imagen_encimada.gif"
// En la seccion anterior se ponen las dos imagenes que cambiaran
// Se recomienda que sean del mismo tamaño
function filter (imagename,objectsrc)
{
if (document.images)
document.images[imagename].src=eval(objectsrc+".src")
}
//-->
</Script>

Y lo mandas a llamar mediante codigo html asi:

Código:

<a href="#" onmouseover="filter('img1','a2'); return true;"
onmouseout="filter('img1','a1'); return true;" onclick="window.focus()">
<img src="imagen_normal.gif" name="img1" border=0 width=100 height=35>
</a>

[caricatos]

Hola kana y JhonDie:

Se trata de los mapas de imágenes... hay que definir las areas activas.

En esta página: http://www.pepemolina.com/mapas/index.html puedes crearlos...

Saludos

[tunait]

Tema trasladado al foro de javascript desde (x)html