Pues si tu tienes por ejemplo:
Código HTML:
<img id="ejemplo" src="ejemplo.jpg" alt="Ejemplo" />
Le añades el atributo onmouseover y pones una funcion asi:
Código Javascript
:
Ver originaldocument.getElementById('ejemplo').src='ejemplo2.jpg';
// Asi cambias una imagen por otra al pasar el ratón
y luego en la funcion onclick le pones document.location="
url de destino" y ya esta...
Osea, que te quedase algo como esto:
Código HTML:
<img id="ejemplo" src="ejemplo.jpg" alt="Ejemplo" onmouseover="cambiarImagen()" onmouseout="volveraImagenAnterior()" onclick="parent.location='url de destino'" />
Código Javascript
:
Ver originalfunction cambiarImagen(){
document.getElementById('ejemplo').src='ejemplo2.jpg';
}
function volveraImagenAnterior(){
document.getElementById('ejemplo').src='ejemplo.jpg';
}