Potresti fare cosi:
Codice HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Prova Immagini al Passaggio del mouse</title>
<style type="text/css">
.nascosto{
display:none;
}
</style>
</head>
<body>
<img src="img1.gif" onmouseover="document.getElementById('minianteprima1').style.display = 'block';" onmouseout="document.getElementById('minianteprima1').style.display = 'none';" />
<img src="img2.gif" onmouseover="document.getElementById('minianteprima2').style.display = 'block';" onmouseout="document.getElementById('minianteprima2').style.display = 'none';" />
<div id="minianteprima1" class="nascosto"><img src="img_mini1.gif" /></div>
<div id="minianteprima2" class="nascosto"><img src="img_mini2.gif" /></div>
</body>
</html>
Naturalmente questo è un esempio poi a te tocca modificarlo...