Voici un petit exemple illustrant l'usage des objets Image. Glissez la souris sur la ville de Lao Cai ou de Hanoi pour avoir un apercu des possibilités de ces objets...


<HEAD><SCRIPT langage="JavaScript1.2">

// Fonction d'affichage des imagettes

function afficheImagette(image) {

	window.document.imagette.src = image.src

	window.status = image.commentaire

}



// Si le chargement dâune image est interrompu, on avertit lâutilisateur que

// la page risque de ne pas etre aussi belle que prŽvu

function messErreur() {

	alert('Le chargement de lâimage ' + this.src + 

		' a ŽchouŽ !\nCette image ne peut pas tre affichŽe...')

}



// On modifie la classe Image de facon a rajouter une propriete commentaire

// et ˆ mettre une valeur par dŽfaut pour les Žvnements onError et onAbort

Image.prototype.commentaire=null

Image.prototype.onerror=messErreur

Image.prototype.onabort=messErreur



// Chargement des imagettes

hanoi = new Image()

hanoi.src = '../images/hanoi.gif'

hanoi.commentaire = 'La rŽgion de Hanoi'

laocai = new Image()

laocai.src = '../images/laocai.gif'

laocai.commentaire = 'La rŽgion des montagnes du nord'

drapeau = new Image()

drapeau.src = '../images/drapeau.gif'

drapeau.commentaire = ''



</SCRIPT></HEAD>

<BODY BGCOLOR=#FFFFFF LINK=#0078A0 VLINK=#0078A0>

<MAP NAME="MAP">

<AREA SHAPE=RECT COORDS=110,1,180,30 

	HREF="nord.htm"

	onMouseOver="afficheImagette(laocai); return true;"

	onMouseOut="afficheImagette(drapeau)">

<AREA SHAPE=RECT COORDS=140,60,190,86 HREF="hanoi.htm"

	onMouseOver="afficheImagette(hanoi); return true;"

	onMouseOut="afficheImagette(drapeau)">

</MAP>

<IMG SRC="../images/map.gif" ALIGN="left" BORDER=0 USEMAP="#MAP">

<H1 ALIGN=CENTER>Le Vietnam</H1>

<HR WIDTH=50%>

<BR><BR>Voici un petit exemple illustrant l'usage des objets <B><I>Image</I></B>. Glissez la souris

 sur la ville de Lao Cai ou de Hanoi pour avoir un apercu des possibilités de ces objets...<BR><BR>

<CENTER><IMG SRC="../images/drapeau.gif" NAME="imagette"></CENTER>

<BR>

</BODY>

Le Vietnam