Dovrei eseguire un rollover di immagini se in un form (comprendente 3 campi select/option e un input type=text), almeno uno di questi è valorizzato, nella seguente maniera:

in avvio devo visualizzare una normale immagine; se invece uno di questi campi sopra citati è valorizzato (diverso da zero), deve visualizzarsi un'altra immagine (linkabile, questa volta), al posto della prima.
Ovviamente deve tornare a vedersi la prima (non linkabile), se rimetto a zero tutti e 4 i campi.

Per ora uso questo tipo di script:

codice:
function verifySkillPersona() {

	var f = document.myForm;
	var conta=0;
	
	for(i=0; i<f.elements.length; i++) {
		//Verifica il tipo di campo
		if(f.elements[i].type=='text' || 
		   f.elements[i].type.substr(0,6)=='select') {

		    //Verifica valori maggiori di zero		
			if(parseInt(f.elements[i].value,10)> 0){
				conta++;
			}  	
		}
	}

	if(conta>=1) {
		document.getElementById('idLink').style.visibility="visible";
		skillModificato = "T";
	} else {
		document.getElementById('idLink').style.visibility="hidden";
		skillModificato = "F";
	}
}
che però mi esegue l'effetto appari/scompari, vorrei poterlo modificare in maniera tale di come descritto.

Grazie.