Foros del Web » Programando para Internet » Jquery »

Color de fondo map area

Estas en el tema de Color de fondo map area en el foro de Jquery en Foros del Web. Buenas, Quisiera saber el por qué no puedo cambiar el color de fondo de un area de una imagen mapeada. Un alert en el evento ...
  #1 (permalink)  
Antiguo 01/01/2017, 15:25
 
Fecha de Ingreso: enero-2002
Ubicación: Sabadell
Mensajes: 565
Antigüedad: 22 años, 10 meses
Puntos: 4
Color de fondo map area

Buenas,
Quisiera saber el por qué no puedo cambiar el color de fondo de un area de una imagen mapeada.
Un alert en el evento mouseover devuelve rgba(0,0,0,0)
El código que uso para cambiar el color en jquery es el siguiente:

Código Javascript:
Ver original
  1. $("#map_area").mouseover(function(e){
  2.     $(this).css('background-color','rbga(255,0,0,0.8)');
  3. });

Gracias.
__________________
Qué fácil cuando lo sabes y qué difícil cuando no
  #2 (permalink)  
Antiguo 01/01/2017, 16:33
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 7 meses
Puntos: 1284
Respuesta: Color de fondo map area

Hola:

Para cambiar el color de un area de un mapa de imagen solo puede hacerse con una imagen de sustitución (rollover)... He visto en otras páginas usar canvas (lo mismo).

Si no tienes esas imágenes puedes hacer el mapa con svg... creo que ya se puede considerar estandard.

Por cierto, tengo una pequeña aplicación que podría ayudarte: Capturar áreas en imágenes...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo

Última edición por caricatos; 02/01/2017 a las 09:02 Razón: puse cancas en vez de canvas
  #3 (permalink)  
Antiguo 02/01/2017, 02:09
 
Fecha de Ingreso: enero-2002
Ubicación: Sabadell
Mensajes: 565
Antigüedad: 22 años, 10 meses
Puntos: 4
Respuesta: Color de fondo map area

Gracias por tu respuesta. Es que hace unos días posteé un problema que tengo con una imagen mapeada y adaptable. Uso las librerías maphilight.js y rwdImageMaps.js. No entiendo porqué, pero al cambiar de tamaño el navegador no recalcula el tamaño, tengo que refrescar la página. Y cómo nadie me contestó, y la verdad, ya no sé qué más hacer, pensé en cambiar en el mouseover el fondo del area, pero al no poder, ya pensé que no debía ser tan fácil.
Si quisieras darle una ojeada, a lo mejor ves el problema que tengo!!! Muchas gracias.

http://www.tepui.cat/middle-africa/reduit/index.php
__________________
Qué fácil cuando lo sabes y qué difícil cuando no
  #4 (permalink)  
Antiguo 02/01/2017, 09:27
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 7 meses
Puntos: 1284
Respuesta: Color de fondo map area

Hola:

Justamente el efecto con canvas lo vi en la página que referencias... pero no tengo idea de jQuery, y por eso no puedo ayudarte...

Como te he comentado, tal vez te interese probar las imágenes svg... en la pagina que te recomendé, se puede ver el código obtenido con una imagen con colores planos en formato svg, y recalcular el tamaño al redimensionar la página no creo que te resulte difícil... tan solo deberías modificar el atributo svg preserveAspectRatio...

... es cuestión de investigar... en mi página hay algunos apuntes sobre las imagenes svg, y en la web hay más...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #5 (permalink)  
Antiguo 03/01/2017, 21:04
Avatar de siddartha23  
Fecha de Ingreso: septiembre-2013
Mensajes: 357
Antigüedad: 11 años, 2 meses
Puntos: 39
Respuesta: Color de fondo map area

¿Será por que en la línea 2 tienes rbga en vez de rgba?
__________________
velarde23.com - Soluciones Web

Etiquetas: area, color, map
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:42.