Code:
<html>
<head>
<title>
blablabla
</title>
<script language="JavaScript">
Rollimage = new Array()
Rollimage[0]= new Image(121,153)
Rollimage[0].src = "aperto.jpg"
Rollimage[1] = new Image(121,153)
Rollimage[1].src = "chiuso.jpg"
function SwapOut(){
document.Rupert.src = Rollimage[1].src;
return true;
}
function SwapBack(){
document.Rupert.src = Rollimage[0].src;
return true;
}
// - stop hiding -->
</script>
</head>
<body>
<p align="center">
<a href="#"
onmouseover="SwapOut()"
onmouseout="SwapBack()">
<img src="tuaimmagine.jpg"
name=""
width=xxx
height=xxx
border=0>
</a>
</p>
</body>
</html>
con i css non puo fare il rollover se quando è nella pagina vuole l'effetto attivo, puo farlo con il php volendo, piu facile e meno rognoso di tutta sta pappardella java
poi ovviamente adattalo alle tue esigenze
ps: l css fallo tutto in un foglio a parte, mai nel index.page del sito, consiglio personale ovvio