Hola!
Tenia algunos problemas todavía :S.
Hice más capas y les puse diferente posición a cada una, pero aún así, al pasar el mouse por el link 2 del menú que vendría siendo el que muestre la "capa2", la imagen aparece con las posiciones de "capa" y no de "capa2".
Estuve probando y la forma en la que me salio es que tuve que duplicar el siguiente código:
Código PHP:
<script language="JavaScript">
function mostrar(objeto){
//Aqui se pone la imagen que quieras mostrar en la celda al ponerte sobre...
objeto.background = '/Picture1.jpg';
document.getElementById('capa').style.visibility = 'visible';
}
//Aqui se pone la imagen que quieras mostrar en la celda al salir...
function ocultar(objeto){
objeto.background = '/Picture2.jpg';
document.getElementById('capa').style.visibility = 'hidden';
}
</script>
pero en lugar de "mostrar" puse "mostrar2" y "ocultar" puse "ocultar2" y cambie "capa" por capa2". También hice los cambios en
Código PHP:
onMouseOver="mostrar2(this);" onMouseOut="ocultar2(this);"
y
<div id="capa2"><img src="2.JPG" width="20" height="20"></div>
Así ya aparecio cada capa en su lugar, pero me gustaría saber si está bien la forma en que hice que funcionara o hay alguna otra manera :S. Tendría que repetir ese código siempre que quiera otra capa? @.@
Saludos y Gracias! n_n