<HTML>
<HEAD>
<TITLE>Imágenes</TITLE>
<SCRIPT LANGUAGE="JavaScript">
if (document.images) { //comprueba que el array sea soportado
var activado=new Image();
activado.src="encendido.gif"; //cargar imagen
var desactivado= new Image();
desactivado.src="apagado.gif";
}
function Nada() {}
function activar(nombreImagen) {
if (document.images) {
document[eval(nombreImagen)].src=activado.src; }
}
function desactivar(nombreImagen) {
if (document.images) {
document[eval(nombreImagen)].src=desactivado.src; }
}
</SCRIPT>
</HEAD>
<BODy>
<CENTER><A HREF="javascript
:Nada();" onMouseOver="activar('0');" onMouseOut="desactivar('0');">
<IMG NAME="0" SRC="apagado.gif" BORDER=0></A>
<P>
<A HREF="javascript
:Nada();" onMouseOver="desactivar('1');" onMouseOut="activar('1');">
<IMG NAME="1" SRC="encendido.gif" BORDER=0></A>
</CENTER>
</BODY>
</HTML>
Espero entiendas , demas esta decir que las imagenes deben estar en el mismo directorio o carpeta de la pagina, o sino das la ruta.