Buenas.
A partir de este código:
<html><head><script type="text/javascript">
image01= new Image()
image01.src="http://i877.photobucket.com/albums/ab336/cesarkrall/Divulgacion/logonotplusplus.png"
image02= new Image()
image02.src="http://i877.photobucket.com/albums/ab336/cesarkrall/Divulgacion/DV00405A_1.jpg"
function rollover(imagename, newsrc){
document.images[imagename].src=newsrc.src
}
</script></head>
<body style="text-align:center; margin:50px;">
<p> Pasa el mouse sobre la imagen </p>
<a href="#" onmouseover="rollover('example', image02)"
onmouseout="rollover('example', image01)">
<img src="http://i877.photobucket.com/albums/ab336/cesarkrall/Divulgacion/logonotplusplus.png" name="example">
</a>
</body></html>a) ¿En qué ámbito se encuentran image01 e image02?
En ámbito global.
b) ¿Qué tipo de objetos son image01 e image02?
Objeto de tipo imagen.
c) ¿Aparecerán errores debido a la falta de puntos y coma de terminación en las instrucciones de JavaScript? ¿Por qué?
No, porque el intérprete JavaScript lo insertará automáticamente siempre que le sea posible, facilitando que el código se ejecute.
d) Al acceder a una imagen con la sintaxis document.images[imagename], ¿se está usando un índice numérico para acceder a la colección?
Si es numérico, indicar qué valores son los que se usan. Si no es numérico, indicar qué tipo de índice es. No, en realidad estamos accediendo desde la propiedad name de la imagen. Esta linea también valdría para que se ejecute el código:
document.images.example.src=newsrc.src; document.example.src=newsrc.src;e) El efecto esperado es que la imagen que se muestra cambie cuando pasamos el puntero del ratón por encima de ella. ¿Por qué se produce ese cambio? Explícalo brevemente.
Mediante el evento onmouseover conseguimos que la imágen cambie al pasar el ratón por encima. Y mediante el evento onmouseout conseguimos que la imágen cambie cuando el puntero del ratón sale de los límites de la imagen.
Saludos.
Tema: JavaScript efecto cambiar imagen al pasar ratón por encima new Image() CU01186E (Leído 6085 veces)
RSS -
WAP2