Problemas con Google Chrome AREAS

[moisesra]

Buenas a todos;

tengo un mapa de areas el cual mediante el evento onmouseover se cambia una imagen superpuesta:

http://www.canariasmotor.es --> aquí podemos ver el mapa

y las funciónes javascript

Código PHP:

  <!-- Preload de imagenes
var i;
var imagenes = new Array("c_1.gif","c_2.gif","c_3.gif","c_4.gif","c_5.gif","c_6.gif","c_7.gif");
var lista_imagenes = new Array();
function cargarimagenes(){
for(i in imagenes){
lista_imagenes[i] = new Image();
lista_imagenes[i].src = "/images/"+imagenes[i];
}
}
//-->
function changeImg(img, path){
        img.src = "/images/"+path;
} 
   

en firefox, ie, opera...funciona correctamente, el problema es en chrome que no funciona y no se cual puede ser el problema.

Saludos.

[Panino5001]

En tu código la función está duplicada. Fijate de eliminar esa duplicación . Pero además de eso, el problema es que el primer argumento de tu función no apunta a la imagen (usás una variable mapa que es undefined). Deberías referenciar a la imagen vía name, id, etc.
Puedo estar equivocado en este análisis porque no miré el código en profundidad, pero por alguna misteriosa razón Firefox responde porque al encontrar que la variable mapa es indefinida, referencia a la imagen, pero no es un comportamiento normal y referenciar la imagen de manera inequívoca para que funcione en todos los navegadores.

[moisesra]

Ok, muchas gracias, referencie la imagen mediante su id y perfecto.....

Código PHP:

  function changeImg(img, path){
        document.getElementById("mapa").src = "/images/"+path;
} 
   

Gracias