Hola Erikfrancisco.
Te contesto a las 2 últimas preguntas. Imágen que cambia:
Código HTML:
<img src="imagen1.gif" onmouseover="this.src='imagen2.gif'" onmouseout="this.src='imagen1.gif'" />
Poner en blanco y negro:
Creo que en estos foros lo hacen de otra forma, pero puede servirte también este código:
document.body.style.filter='gray'
Saludos,
