Puedes probar con esto:
Código:
<script language="javascript" type="text/ajvascript">
function rollover(imagen)
{
/*Aqui declaras todas las imagenes que necesites*/
var imagen1=new Image();
imagen1.src=...;
var imagen2=new Image();
imagen1.src=...;
var imagen3=new Image();
imagen1.src=...;
var imagen4=new Image();
imagen1.src=...;
var imagen5=new Image();
imagen1.src=...;
var imagen6=new Image();
imagen1.src=...;
...
/*Le pasas el parametro imagen, y segun ese parametro modificas la imagen de el centro*/
switch(imagen)
{
case 0:document.imagenes.imagencentral.src="/*ruta de acceso a la imagen central que saldra cuando no estes seleccionado ninguna imagen*/";
case 1:document.imagenes.imagencentral.src="/*ruta de acceso a la imagen central que saldra cuando pongas el raton en la 1º imagen*/";
case 2:document.imagenes.imagencentral.src="/*ruta de acceso a la imagen central que saldra cuando pongas el raton en la 2º imagen*/";
case 3:document.imagenes.imagencentral.src="/*ruta de acceso a la imagen central que saldra cuando pongas el raton en la 3º imagen*/";
case 1:document.imagenes.imagencentral.src="/*ruta de acceso a la imagen central que saldra cuando pongas el raton en la 4º imagen*/";
...
}
}
<(script>
Este codigo no funcionara si no tienes la imagen central en un form de nombre "imagenes y en cada una de las iamgenes tienes un OnMouseOver="rollover(/*aqui tienes que poner el parametro que pasas a la funcion, cada imagen tiene que tener uno distinto*/)" y OnMouseOut="rollover(0)" /*Para que se reestablezca la imagen inicial al sacar el raton de encima de la imagen*/
Espero haberte aclarado las dudas.