Manual de JavaScript

Imágenes
Vamos a ver ahora cómo compaginar el JavaScript con las imágenes. Al igual que con los formularios incluiremos el manejador de eventos dentro de la etiqueta de imagen <IMG>.
Los manejadores son tres:

onAbort:Inicializa el script cuando se aborta la carga de la imagen. Esto se puede producir al seleccionar otro URL , al presionar el botón de "stop" o el de "back", al presionar la tecla de "escape", o cualquier otra acción que interrumpa la carga.
OnLoad:Inicializa el script al comenzar la carga de la imagen. Recordemos que éste también se usó como manejador de eventos de ventana.
OnError:Inicializa el script cuando se produce un error en la carga de la imagen, esto es, el browser no localiza la imagen en el servidor, cosa que en la práctica se simboliza por lo que vulgarmente se denomina un "GIF roto".

Al trabajar com imágenes no hay que dejar de recordar que se debe incluir los modificadores de altura y anchura, ya que su ausencia puede redundar en un mal funcionamiento del script en cuestión. De todas maneras, aún sin existir un script asociado a un imagen, es conveniente poner sus dimensiones ya que así conseguiremos una visualización más rápida y eficiente de nuestra página. Dada la simplicidad del funcionamiento vamos a incluir un ejemplo general en el que bastaría con cambiar el manejador y el mensaje para ilustrar más casos.

<HTML>
<HEAD>
<TITLE> EJEMPLO 2 </TITLE>
<SCRIPT>
function imag(){
alert("No encuentro la imagen deseada. ¿Te gusta esta?
document.images[0].src="diablillo.gif";
}
</HEAD>
<BODY BGCOLOR="#FFFFFF"
<P>
<IMG SRC="world.gif " width=180 height onError="imag()" border=2>
</BODY>
</HTML>

NOTA: Los GIF's mostrados en este ejemplo son simbólicos, si desea probarlo sustituya estos nombres por imágenes que usted tenga