Si lo quieres hacer con Java tendrías que recargar la página completamente para que se generara un nuevo HTML jejejeje....
Ahora, con JavaScript se haría de la siguiente manera:
Código Javascript
:
Ver original//este objeto es solo un Helper que se puede reutilizar para no escribir
//siempre lo mismo
var Helper = {
get : function(id){
return document.getElementById(id);
},
on : function(el, event, fn, scope){
scope = scope || el;
var listener = function(event){
fn.call(scope,event);
}
if(el.addEventListener){
el.addEventListener(event,listener,false);
}else{
el.attachEvent(event,listener);
}
}
}
//cuando todo se ha cargado....
window.onload = function(){
//tomas la imagen por su ID y le asignas un listener al evento "click"
var img = Helper.get("idDeLaImagen");
Helper.on(img,"click",function(){
//this == img
this.style.background = "transparent url(images/nuevaImagen.jpg) 0 0 no-repeat";
});
}
Procura no escribir código JavaScript dentro del HTML, es una muy mala práctica que data del milenio pasado (1996 - 1999), en el 2010 se utilizan los listeners
Saludos :)