con este metodo puedes cambiar la imagen no importando la url de forma mas facil:
Código Javascript
:
Ver originalfunction cambiarImagen(control)
{
pat = /Over/
nombre = control.getAttribute('src');
if (pat.test(nombre) == false){
partes = nombre.split('.');
control.setAttribute('src', partes[0] + "Over." + partes[1]);
}else{
partes = nombre.replace('Over', '');
control.setAttribute('src', partes);
}
}
para utilizarla en la etiqueta pones:
Código HTML:
<img id="imagen" src="imagen.jpg" onclick="cambiarImagen(this)" />
La otra imagenen debe llamarse imagenOver.jpg
si tienes otras imagenes por cambiar solo debe seguir el mismo formato de ponerle _over al final y no tienes que cambiar el codigo para cada imagen que tengas q utilizar. otro ejemplo:
Código HTML:
<img id="imagen" src="bontonAceptar.jpg" onclick="cambiarImagen(this)" />
<img id="imagen" src="bontonCancelar.jpg" onclick="cambiarImagen(this)" />
la imagenes por las q se cambian deben llamarce bontonAceptarOver.jpg y bontonCancelarOver.jpg