El codigo que vamos a utilizar, es el siguiente:

Cita:<img src="Aqui pones la imagen que se ve a simple Vista" onmouseover="this.src='Imagen que aparecera al pasar el mouse';" onmouseout="this.src='Aqui pones la imagen que quieres que aparesca cuando saques el mouse de encima te recomiendo usar la misma que la primera';" height="alto px" with="ancho px" />

Como editarlo:
*Lo que está escrito en rojo lo sacamos y ponemos la dirección de la imagen que utilizaremos para que se vea a primera vista
*Lo que está escrito en verde lo sacamos y ponemos la dirección de la imagen que aparecerá cuando situemos el mouse encima de la anterior imagen.
*Lo que está escrito en azul lo sacamos y ponemos la dirección de la imagen que aparecerá cuando saquemos el mouse de ensima de la imagen.
(Es recomendable poner la dirección de la primera imagen).
*Lo que está escrito en violeta es opcional, y corresponde a redimensionar o forzar el tamaño de las imágenes que se muestran mediante el alto y ancho de las imágenes.

Muy bueno : D
Pero deberías de decir que solo sirve con javascript desactivado.

El code encierralo en 'PHP', [.php][/php], lo demás esta bien.

muy buen tuto y aunque es algo basico es bueno saber que lo tenemos a la mano

Este aporte deberia estar en la sección HTML

igual y lo puedo convertir en MyCode, pero orita no tengo foro para probar si funciona, al rato lo vere