La susodicha pared de ladrillos, son ceramicos o de hormigón....
No en serio, lo que tienes que hacer es cortar la imagen a trozos, montar un mosaico con los trozos, de manera que puedas cambiar el trozo que te intersa para hacer el efecto deseado, en el mismo evento que cambia la foto haces el enlace a la otra pagina.
Tendras que:
Precargar las imagenes para asegurarte que el cambio se hace de manera immediata, la guardas en un array. (busca "precargar imagenes javascript")
Poner un id en cada imagen de manera que puedas llamar cada trozo por separado.
Un escript que te podria servir seria, suponiendo que tienes el array con las imagenes
Código Javascript
:
Ver originalfunction cambiafoto(obj,indice,imagen){
obj.src=arrayimagenes[indice][imagen];
}
donde obj es la etiqueta <img ...>.
indice (X) un numero identificador del par de imagenes dentro del array (0,1,...)
imagen sera la la 0 o la 1 dependiendo de si se tiene que undir o recuperar la imagen inicial....
Luego en el evento del trozo de imagen en cuestion pones
onMouseDown="cambiafoto(this,X,0)"
onMouseUp="cambiafoto(this,X,1)"
(todo ello de memoria y sin probar nada....)
Quim