Cómo hacer una imagen de sustitución JavaScript

Un vuelco imagen JavaScript es un interesante grupo de código HTML y JavaScript; cuando un sitio web de usuario puntos en una imagen, otra imagen ocupa su lugar. Cuando el usuario mueve el ratón fuera de la imagen, la imagen original se vuelve a la vista. Después de encontrar dos imágenes que desea utilizar, siga estas instrucciones para hacer una renovación de imagen propio.

Instrucciones

1 Abrir Bloc de notas o su programa de autoría de HTML preferido. Marcar el documento con etiquetas de apertura básicas de la siguiente manera.

3 Cerrar las etiquetas básicas en el encabezado del documento. A continuación, comenzar el cuerpo del documento.

4 Escribir el código para decirle a la imagen de cómo comportarse cuando el cursor del ratón se mueve sobre la imagen o fuera de la imagen, de la siguiente manera. "SamplePage.html" se puede sustituir por cualquier vínculo de su elección. Observe que "pictureTwo.src" y "pictureOne.src" coinciden con los nombres de objeto que ha establecido anteriormente.
<A href = "SamplePage.html"

onMouseOver="document.sample.src = pictureTwo.src;"
onMouseOut="document.sample.src = pictureOne.src;">

5 Dile al documento en el que la imagen que se mostrará cuando la página se carga por primera. Aviso al nombrar la "muestra" de contenedores imagen que está utilizando el mismo nombre de objeto como el grupo de código anterior (document.sample.src).
<Img src = "samplepicture1.jpg"

Name="sample">

6 Terminar la codificación del documento mediante el cierre de las etiquetas HTML restantes.