Cambiar imagen con javascript
En este ejemplo vamos a explicar como al pasar sobre un enlace cambie una imagen del documento. No se nos debe de olvidar que cuando el usuario abandone el enlace debemos de volver a poner la imagen original. Para ello debemos de capturar el evento onMouseOut que lanzará otra función que llamaremos volver.
<script type="text/javascript"> function cambiar () { document.getElementById('matrix').src = "mt07.jpg"; } function volver () { document.getElementById('matrix').src = "mt05.jpg"; } </script> <a href="#" onMouseOver="cambiar();" onMouseOut="volver();">Al pasar sobre mi cambiará la imagen</a> <img src="mt05.jpg" id="matrix"/>
5
Puntos
Puntos
12362
Visitas
Visitas
0
Resp
Resp
Por alber hace 123 meses
Administrador