Imágenes Resaltadas
Lo que tengo que hacer es que, de un mapa, al pasar el mouse por Brasil por ejemplo o por sudamérica esta parte del mapa cambie de color o haga algo para que se diferencié, de ahí se irá a otra página y será lo mismo, tendremos el mapa de sudamérica y al pasar por Brasil, por ejemplo, este país se resaltará... Mi problema es que tengo ya la imagen del mundo y todo pero no sé como hacerle para que se resalte solamente un parte de ese mapa... ¿alguna idea o sugerencia?
Respuesta de widowmaker
1
Lo que yo haría, es tratar esa imagen con el photoshop (por ejemplo), para hacerla añicos, es decir, cada país, un trocito de imagen. Así, en la página, tu pones un mntón de imágenes, aunque a simple vista parezca sólo una. Después, cada imagen debe tener un duplicado en otro color (para que resalte), y el src cambiará en el onmouseover del objeto imagen.
Por ejemplo:
<img src="brasil.gif" onmouseover="change(this.src)" onmouseout="change(this.src)">
function change(n){
if(n.split(".")[0].substr(0,4)=="roll")this.src=n.substr(4,n.length);
else{
var nwSrc="roll"+n;
this.src=nwSrc;
}
}
Esto sería para que todas las imágenes resaltadas empiecen por el nombre "roll".
Por ejemplo:
<img src="brasil.gif" onmouseover="change(this.src)" onmouseout="change(this.src)">
function change(n){
if(n.split(".")[0].substr(0,4)=="roll")this.src=n.substr(4,n.length);
else{
var nwSrc="roll"+n;
this.src=nwSrc;
}
}
Esto sería para que todas las imágenes resaltadas empiecen por el nombre "roll".
1 respuesta más de otro experto
Respuesta de gandalf26
1
Si te dan la imagen y solo quieres resaltar una parte, desde luego lo peor que puedes hacer es cambiar la imagen completa por otra... esto tardaría mucho y tendrías que tener muchas imágenes...
Lo mejor es que trocees la imagen completa a lo ancho y a lo alto de modo que metas cada trozo en una celda de una tabla...
Espero que me este explicando... algo así tienen en www.infonauta.net, donde van cargando diferentes imágenes que están troceadas.
Así, lo que tendrías que cambiar es solamente el trozo de la celda donde este el país a resaltar... claro que esto te puede llevar a tener que cambiar muchos trozos, pero ahí ya entra tu caso particular... evidentemente, si quieres resaltar países grandes y pequeños, tal vez puedas cortar la imagen en trozos de diferente tamaño, de modo que los países pequeños usen trozos más pequeños (seria como jugar con la "resolucion" del troceado)...
Lo mejor es que trocees la imagen completa a lo ancho y a lo alto de modo que metas cada trozo en una celda de una tabla...
Espero que me este explicando... algo así tienen en www.infonauta.net, donde van cargando diferentes imágenes que están troceadas.
Así, lo que tendrías que cambiar es solamente el trozo de la celda donde este el país a resaltar... claro que esto te puede llevar a tener que cambiar muchos trozos, pero ahí ya entra tu caso particular... evidentemente, si quieres resaltar países grandes y pequeños, tal vez puedas cortar la imagen en trozos de diferente tamaño, de modo que los países pequeños usen trozos más pequeños (seria como jugar con la "resolucion" del troceado)...