cambiar img en determinadas coordenadas

rcervera67 · #1 (**permalink**) 31/01/2008, 14:31

Hola foro

Estoy trabajando con una images la cual ha sido se trabaja como un mapa, tengo identificado cada una de las areas que conforman el mapa e incluso accedo a cada una de las areas de la imagen, sin embargo ahora requiero cambiar el color de cada area cuando pasamos el mouse por ella

alguien tiene alguna idea de como resolver este problema ...

o alguna rutina ej javascript para modificar el color de una area como esta

<AREA SHAPE=POLY COORDS=" 255,346,249,345,251,348,250,348,249,348,248,348,24 7,348,247,349,245,349,244,349,242,348,243,347,243, 346,242,344,240,345,236,347,237,348,237,350,236,25 6,337,257,337,256,337,256,338,257,338,256,338,256, 339,256,340,256,341,255,341,255,342,256,342,255,34 2,255,343,255,344,254,344,255,344,254,344,254,345, 255,345,254,345,255,346"
ALT = "067 - Valle de Zaragoza"
OnMouseOver = "window.status= '067 - Valle de Zaragoza'; document.imagen.style.cursor='pointer';"
OnMouseOut = "document.imagen.style.cursor=''"
OnClick = "SeleccionaCartaEnCombo('067');"
</AREA>

Gracias por su ayuda foro

ElJavista · #2 (**permalink**) 31/01/2008, 17:13

Quieres que el área sobre la cual estás pasando el ratón cambie de color? No crees que lo que dices es muy impreciso? Si es una imagen tiene varios colores, a lo mejor quieres que de alguna manera se resalte el área sobre el cual está pasando el ratón. A lo mejor haciendo que el área se llene de un color tranparente. Eso es una buena idea, pero mediante mapas hasta donde yo se creo que no se puede.

caricatos · #3 (**permalink**) 31/01/2008, 17:21

Hola:

Para empezar, si al area le pones un href no necesitas ese onmouseover... aunque si pones el cursor:pointer con estilo va a ser mejor...

Sobre cambiar el color, es más cosa de javascript... fíjate en el efecto pasando el ratón sobre Madagascar en esta página: Creación de áreas en imágenes

Saludos

rcervera67 · #4 (**permalink**) 01/02/2008, 20:38

Eso es exactamente lo que requiero, conosco poco de javascritp pero voy a a intentar la implementacion

si tienes algun codigo que me auxilie te lo agradesco

caricatos · #5 (**permalink**) 02/02/2008, 02:33

Hola:

Me alegra de haber atinado, y sobre el código, prueba creando unas pocas areas que la misma página genera un código válido (hace mucho que no la reviso, pero creo que incluso permitía una vista previa)

Si tienes algún problema no dudes en consultar.

Saludos