Tecnología

Inicio

¿Cómo reemplazo una imagen con otra foto utilizando JavaScript?

December 18

JavaScript indica al navegador que realizar cambios en una página Web cuando el usuario realiza una acción. Puede utilizar JavaScript para cambiar una imagen con otra, produciendo un efecto animado cuando alguien se da la vuelta la imagen en una página. efecto ratón por encima de JavaScript se utiliza cuando se desea cambiar un objeto con el ratón. Usted ya debe tener dos imágenes del mismo tamaño, ambos colocados en un lugar donde su archivo HTML puede tener acceso a ellos.

Instrucciones

1 Abra el archivo HTML en el que se inserta el código JavaScript.

2 Agregue el código siguiente a la zona donde aparecerán las imágenes:

<A href = "" onMouseOver = "document.animation.src = 'Image2.gif';" onMouseOut = "document.animation.src = 'image1.gif';">

<Img Nombre = "animación" border = "0" /> </a>

3 Reemplazar "image1.gif" con el nombre de la primera imagen que desea que aparezca cuando el ratón no está en la imagen. Reemplazar "Image2.gif" con el nombre de la segunda imagen que desea que aparezca cuando el ratón pasa por encima de la imagen.

4 Seleccione "Archivo" y "Guardar" para actualizar el archivo HTML.

Consejos y advertencias

  • Usted puede agregar un vínculo entre las cotizaciones en el código <a href=""> como enlace a otra página web, como por ejemplo: <a href="http://www.some-website.com">.