Hola chicos, os adjunto mis soluciones para este tema, ejercicio CU01186E del tutorial de programación web desde cero con JavaScript.
<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?
image01 e image02 se encuentran en ámbito global, en cualquier lugar se pondrán utilizar.
b) ¿Qué tipo de objetos son image01 e image02?
son objetos de tipo Image.
c) ¿Aparecerán errores debido a la falta de puntos y coma de terminación en las instrucciones de JavaScript? ¿Por qué?
en javascript no hace falta que la sentencia termine con un ; , pero se usa porque es un uso standar en programación.
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 el atributo name de la imagen.
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.
Se produce el cambio porque cuando se produce el evento onmouseover, indicamos que se ejecute la función rollover con la imagen2 y si se produce el evento onmouseout, indicamos que se ejecute la función rollover con la imagen1.
Saludos!!!
Tema: El objeto Image en JavaScript new Image() document.images Ejercicio CU01186E (Leído 3113 veces)
RSS -
WAP2