HTML - Imagenes y capas

Hola a tod@s,

Tengo que hacer una web en la que hay un indice, y segun voy pulsando con el raton en los componentes de ese indice, tiene que ir cambiando una imagen por otra.
Creo que para el tratamineto de esas imagenes tengo que trabajar con capas y con el evento 'OnMouseOver' en el indice, pero no se exactamente como hacerlo. ¿Alguna idea?

Gracias y Saludos?

Saludos,

con este código básico y algún cambio, puedes adaptarlo para diferentes opciones, propósitos, etc. Para imágenes de gran tamaño (desaconsejado en la web) será necesario una precarga.

<script>
function loadImage(imageURL){
if (document.images){
document.imagen.src=imageURL;
return false;
}
else{
return true;
}
}
</script>
<img src="img-00.jpg" border="0" width="400" height="200" name="imagen" alt="IMG" title="IMG">
<br>
<a href="#" onclick="return(loadImage('img-01.jpg'))">IMG 01</a>
<br>
<a href="#" onclick="return(loadImage('img-02.jpg'))">IMG 02</a>
<br>
<a href="#" onclick="return(loadImage('img-03.jpg'))">IMG 03</a>
<br>
<a href="#" onclick="return(loadImage('img-04.jpg'))">IMG 04</a>
<br>

Cambia el img-0X.jpg por el nombre de tus imágenes. Respeta las comillas; procura no utilizar caracteres como: acentos, comillas, espacios en blanco, etc. sólo letras y números.

Espero te sea útil.