68.- Rollover [Ejemplo] P.- ¿Cómo cambio una imagen por otra al pasar por encima con el puntero del ratón?
R.- Podemos usar esto, por ejemplo para cambiar la apariencia de un boton. (Normal, sobre y pulsado)
Esto en el head
Código:
<script>
var foto=new Array()
foto[0]=new Image()
foto[0].src="boton.gif"
foto[1]=new Image()
foto[1].src="boton_sobre.gif"
foto[2]=new Image()
foto[2].src="boton_pulsado.gif"
</script>
Esto en el body
Código:
<img src="boton.gif" onmouseover="this.src=foto[1].src" onmouseout="this.src=foto[2].src" onclick="this.src=foto[0].src">
onmouseover = encima
onmouseout = fuera
onmousedown = click